指令回調函數未從$ watch內部觸發

Question

我創建了一個角度指令，該指令將回調函數作為屬性接收。

<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。

Answer 2

在應用程序或指令的范圍內聲明stepId，否則$ watch將不會監聽您的變量