在angular中的指令的多個屬性上設置觀察器

Question

我試圖在指令中的多個屬性上設置通用監視程序。 我的代碼如下

.directive('myDirective', function () {
        return {
            restrict: 'A',
            scope: true,
            link: function ($scope, element, attrs) {
                $scope.$watch(function () {
                    return [attrs.attrOne];
                }, function (newVal) {
                   console.log(newVal);
                }, true);

    })

但這不起作用，我已經將對象相等的第三個參數設置為true。 但是，如果我嘗試僅對單個屬性設置觀察者，則它可以正常工作，並且代碼如下所示

.directive('myDirective', function () {
        return {
            restrict: 'A',
            scope: true,
            link: function ($scope, element, attrs) {
               $scope.$watch(attrs.attrOne,
               function (newVal) {
                 console.log(newVal);
                });
        });

誰能詳細解釋一下，為什么會這樣呢？

Answer 1

從AngularJS 1.3開始，有一個名為$ watchGroup的新方法用於觀察一組表達式。

$scope.foo = 'foo';
$scope.bar = 'bar';

$scope.$watchGroup(['foo', 'bar'], function(newValues, oldValues, scope) {
  // newValues array contains the current values of the watch expressions
  // with the indexes matching those of the watchExpression array
  // i.e.
  // newValues[0] -> $scope.foo 
  // and 
  // newValues[1] -> $scope.bar 
});