Как менять значение поля относительно значения другого поля в Angular?

Question

[Eugene Zalivadnyi]

Доброго времени суток. Мне нужна помощь по Angular. Имеется проект на Laravel. Есть два поля. Первое поле - количество участников. Второе - сумма на одного участника.

<input type="number" ng-model="model.amount_users">
<input type="text" ng-model="model.price">

Передо мной стоит задача при при создании и редактировании через эту форму делить общую сумму на количество участников и записывать это значение во второе поле. Общая сумма выводится во view через {{$game->price}}. Куда записать общую сумму и как манипулировать вторым полем?

Answer 1

[Николай]

Вариантов есть несколько:
1. ng-change:
HTML:

<input type="number" ng-model="model.amount_users" ng-change="onUserAmountChange()">
<input type="text" ng-model="model.price">

JS:

$scope.onUserAmountChange = function() {
    $scope.model.price = FULL_PRICE/$scope.model.amount_users;
}

2. разметка:
HTML:

<input type="number" ng-model="model.amount_users" ng-change="onUserAmountChange()">
<span> {{model.fullPrice/model.amount_users}} </span>

Второй вариант подойдет, если поле является на самом деле просто информацией для пользователя. Делать её инпутом в данном случае нет никакого смысла.

Comments

[Eugene Zalivadnyi]

Пардон за дилетантский вопрос, куда вставлять JS код? Если вставить под инпутом - пишет "Uncaught ReferenceError: $scope is not defined". Как понимаю, его нужно вставить в контроллер, после определения "model.amount_users"?

[Николай]

ну да, в контроллере, связанном с данным $scope

[Eugene Zalivadnyi]

Николай: Благодарю вас, очень помогли!

Answer 2

[Андрей]

вешайте $watch на 1-ю переменную и там уже вычисляйте что нужно

Comments

[Eugene Zalivadnyi]

Могли бы вы объяснить более подробно?

[Eugene Zalivadnyi]

Андрей: ничего же не происходит. Ничего не понятно.

[Андрей]

jsfiddle.net/Lvdo2nra - вот правильный код, меняй поле Price

[Николай]

Watch тут вообще не уперся. В крайнем случае стоит использовать ng-change, но и без него можно обойтись.

[Eugene Zalivadnyi]

Андрей: я же чётко и ясно написал, нужно делить общую сумму на количество участников и записывать это значение во второе поле, а вы предлагаете записывать вне поля.

[Eugene Zalivadnyi]

Николай: ng-change нагуглил, но увы, не понял как им пользоваться в данном случае. Конкретно как связать его с value второго inputа.

[Андрей]

Агнаман Шаманский: Я Вам показал как работает watch. Николай тоже предложил идею хорошую.