如何使用angularjs觀看多個屬性更改

Question

我有兩個要監視和更新的屬性，第三個屬性取決於前兩個屬性的更改。 這是我的代碼，有人可以幫我嗎？

return {
        context: 'prop1',
        watch: [
                {
                   property: ["prop2","prop3"], // this to watch for
                   update: [
                   {
                       dest: "prop4", // update this prop based on change in prop2 and prop3
                       src: [function (value) {
                           if (value.prop2change === 'thisvalue') { 
                               return prop3changevalue;
                           }
                           else
                               return 0;
                       },"newValue"]
                   }
             }
         ]
     }

Answer 1

使用$ scope。$ watchGroup ，這是angular.js 1.3中的新功能（在angular 1.2中使用$ watch）

   $scope.igor = 'Ershov'
   $scope.matias = 'Pachuli'

   var names = ['igor', 'matias']

   $scope.$watchGroup(names, function(newValues, oldValues) {
        // do something


      });

newValues和oldValues是數組，並且indecies對應於$ watchGroup的第一個參數中的屬性索引。

參見小提琴： https ： //jsfiddle.net/7je6r2mn/1/