Как сложить значения двух селектов в angular.js?

Question

[Айдар]

Сильно не ругайте,за angular взялся так сказать,чтобы на мини-задачке почувствовать преимущества (как говорят).
Так вот имеем select. Данные храним в массиве. При выборе сразу выводится цена на каждый товар.
Но теперь нужно добавить еще доп.опции к товару и суммировать цену конкретного товара с ценой доп.опций
Т.е. Товар1 = 500 + доп.опция 200 и в итоге должно вывести 700.
Как посчитать элементы разных select'ов?
Вот то что я накидал пока....там только одно поле и все вроде бы работает. Спрашиваю т.к. не хочу изобретать велосипед или лепить говнокод. Как лучше все это организовать?
Заранее спасибо. Мое "творение" codepen.io/aderus/pen/zBrKBQ

Answer 1

[Alex]

вы я так понял из JQuery в Angular приходите?
Тут немного по другому ведется работа с данными.

codepen.io/Gopard/pen/QEyQKR

Comments

[Сергей Протько]

Псс, убери скоуп, controllerAs, компоненты... 2016-ый год

[Alex]

Сергей Протько: Я пример автора форкнул...
[(ngModel)] в моде ... 2016й!

[Сергей Протько]

Alex: ну я пока осторожно намекаю про angular2, он как никак официально еще не вышел. Но да)

[Айдар]

Alex, спасибо! То что нужно было) Я так понял можно еще один массив для доп.опций создать и потом через ng-model складывать все что нужно.

[Айдар]

P.S. "вы я так понял из JQuery в Angular приходите?" - ну как бы пытаюсь)))

[Alex]

Айдар: Да, можете Сделать кнопочку добавить опцию, если возможен выбор сразу нескольких опций и переносить их в отдельный массив выбранных. А там уже сумму считать

[Alex]

Сергей Протько: ну я уже начал на нем проект. Думаю что к релизу как раз выйдет из беты.

[Айдар]

Alex, не знаете как вместо price: 500, записать процент от суммы которая в total?
Т.е. при первом выборе у нас вышла сумма 500 и потом выбираем доп.опцию (+40 от итога),которая формируется путем: 500-40%=200 (сумма 40% от итога) и потом 500+200=700. Я просто не знаю как указать(передать) в массиве обработанный результат (если это не бред).
Или это пока не для меня? Просто если явно указывать цену в массиве,то все норм. А вот если нужно считать такие вещи.

[Alex]

укажите в 0.4 в массиве. А потом вашу формулу или в контрллере обрабатывайте или прямо в шаблоне item.price + item.price*option.price (где option.price = 0.4)
Если вам надо эту цифру куда то передавать (на сервер), то считать конечно лучше в контроллере.

[Айдар]

Alex: Или каждую доп.опцию сделать чекбоксом + свой scope и потом в итог занести
{{total1.price + dop1.price + dop2.price + dop3.price + dop4.price}}
Или так не делают?

[Alex]

Айдар: Можно и чек боксом. Только чекбоксы опять же через ng-repeat ...
лучше почитайте про $watch (изменение обьектов) и на изменение повесьте функцию суммы.

[Айдар]

Alex, попробовал вот так codepen.io/aderus/pen/PzzEKN
Сейчас у меня проблема в следующем. Чекбоксы между собой считаются и вычисляют проценты от суммы двух чекбоксов. Но как соединить в эту сумму (до расчета процента) еще и выбор селекта?