$同时观察多个属性并仅触发一次回调

我想知道在评估指令的所有（或仅某些）属性（没有隔离范围）后是否可以仅执行一次回调。属性非常适合将配置传递给指令。问题是您可以单独观察每个属性并多次触发回调。

在示例中，我们有一个没有隔离范围的指令，它观察两个属性：名称和姓氏。任何更改后action回调被触发：

html

<button ng-click="name='John';surname='Brown'">Change all params</button>
<div person name="{{name}}" surname="{{surname}}"></div>

js

angular.module('app', []).

directive('person', function() {
  return {
    restrict: 'A',
    link: function($scope, $elem, $attrs) {
        var action = function() {
          $elem.append('name: ' + $attrs.name + '<br/> surname: ' + $attrs.surname+'<br/><br/>');
        }
        $attrs.$observe('name', action);
        $attrs.$observe('surname', action);
    }
 }
});

Plunker here http://plnkr.co/edit/uZMbRzVZHj9sMWL9MJ9H.

所以效果就是一键改名字和姓氏后，action回调被触发两次：

name: 
surname: Brown

name: John
surname: Brown

那么问题来了：可以action姓名值更改后仅被解雇一次？

您可以使用$watch评估自定义函数而不是特定模型。

i.e.

$scope.$watch(function () {
  return [$attrs.name, $attrs.surname];
}, action, true);

这将在所有$digest循环，并且如果$watch检测到返回数组（或者您想要构造函数的返回值）与旧值不匹配，回调参数$watch会火。如果您确实使用对象作为返回值，请确保保留true最后一个参数的值$watch以便$watch会做一个深入的比较。