在Angular中，如何在我的指令中设置一个在属性值发生变化时触发的监视？

Question

如果我有这样的指令调用：

<mydirective data-pid="data.Id"></mydirective>

JS：

app.directive('mydirective', function ($compile) {    
    return {
        require: 'ngModel',
        link: function ($scope, Element, attrs, ngModel) {

        }
    }
});

然后在我的指令的链接区域中，如果它的值发生变化，我怎么能看到这个属性呢？

Answer 1

您可以这样做：

app.directive('mydirective', function($compile) {
    return {
        restrict: 'E',
        scope: {
            pid: '='
        },
        link: function (scope, element, attrs) {
            scope.$watch('pid', function(newValue, oldValue) {
                if (newValue !== oldValue) {
                    console.log('pid changed', newValue);
                }
            });
        }
    }
});

请参阅此演示：Plunker。

使用scope: {pid: '='}你

  

在本地范围属性和通过attr属性的值定义的名称的父范围属性之间设置双向绑定

引用docs的行。