Как можно динамически вычислять произведение значений двух input и вставлять в третий ?

Question

[ut2010]

Вот что получается

index.html

<div ng-controller="TestCtrl">
   <input type="text" ng-model="w"/>
   <input type="text" ng-model="h"/>
   <input type="text" ng-model="s" />
   <p>Площадь = {{s}}</p>
</div>

controller.js

function TestCtrl($scope){
    $scope.w = 2;
    $scope.h = 3;
    $scope.s = $scope.w+$scope.h;
}

Вычисляется только при загрузке страницы, один раз, а нужно чтобы обновлялось при изменениии w и h.

Вот итоговое решение: http://codepen.io/ut2010/pen/eAFgb, предложенное AMar4enko

Answer 1

[_ _]

$scope.$watch('[w,h]', function(values){
  var w = values[0] || 0, h = values[1] || 0;
  $scope.s = w*h;
}, true);

Comments

[Denis D]

ох это жестко--прикручивать вотчер в контроллере--это вроде внутри директивы делают обычно ибо это слишком неявно

[Denis D]

может что то вроде этого -- input ng-model = {{W*H}} или value = {{W*H}}