Угловая 1,5 вызывающий компонент нг-изменение 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); 
}; 

Подвергая модель в качестве локальной переменной, ее доступно сразу для функции в родительской области.

DEMO on JSFiddle.