角1.5組件調用NG-變化infinitily

Question

我有一個組件，可以說COMX，

angular.component('comx', { 
    templateUrl: 'someUrl', 
    bindings: { 
     model: '=', 
     onChng: '=' 
    } 
} 

與其HTML是

<input ng-model="vm.model" ng-change="vm.onChng"> 

，我在其他的模板中添加這個組件像

<comx model="vm.data" on-chng="vm.test(vm.data)"> 

vm.test = function (val) { 
    console.log(val); // val is printing infinitly 
} 

上述功能的控制檯保持打印

Answer 1

@pankj：爲什麼不使用&表示？

@amir：已經嘗試過，但奇怪的是它給出了vm.data的以前的數據不是新的。

發生這種情況是因爲雙向=綁定使用觀察器將數據從隔離範圍傳輸到父範圍。這在ng-change操作之後的髒檢查週期發生。

要立即提供該分離範圍值，其公開爲一個局部變量：

angular.component('comx', { 
    template: '<input ng-model="$ctrl.model" '+ 
       '  ng-change="$ctrl.onChng({$model: $ctrl.model})">', 
    bindings: { 
     model: '=', 
     onChng: '&' 
    } 
}); 

用法：

<comx model="vm.data" on-chng="vm.test($model)"> 
</comx> 

vm.test = function (val) { 
    console.log(val); 
}; 

通過暴露模型作爲局部變量，它立即可用於父範圍中的功能。

The DEMO on JSFiddle。