javascript - 指令回调函数未从 $watch 内部触发

Question

我创建了一个 Angular Directive(指令)，它接收回调函数作为属性。

<my-dir ng-model="foo.bar" on-change="func(data)"></my-dir>

在指令的定义中，我按如下方式分配此属性

scope: {onChange: '&onChange'}

现在，在我的链接函数中，如果我调用 scope.onChange({data: 23}); 一切正常。但如果我在 $watch 函数中进行相同的调用，它就会失败。

scope.$watch("stepId", function(newValue, oldValue) {
    scope.onChange({data: 23}); //why it does NOT work ????
})

Answer 1

也许您应该查看函数返回值，而不是查看“stepId”。

    scope.$watch( function(){ return scope.stepId; }, function( newValue, oldValue){
        if( typeof newValue == 'undefined' )
            return;

        scope.onChange( {data: scope.stepId});
    });

你最好做一个jsfiddle。