Почему директива обновляет данные с запаздыванием?

Question

[Артем]

Приложение: paramount1987.github.io/angular-charges
код: https://github.com/Paramount1987/angular-charges/b...

Создал директиву, повесил событие "change" - работает странно ('с запаздыванием') - обновляет данные не сразу почему-то. Что не так?

app.directive('editInput',function($filter){
	return {
		restrict: 'E',
		replace: true,
		template: function(elem,attr){
			return	'<input type="number" class="td-input-item transparent"  ng-model="charge.value" />';
		},
		link: function(scope,element,attrs){
				element.bind('change',function(event){
					 // PieChart.segments[$filter('searchChartId')(PieChart.segments, +attrs.index)].value = element.value;
					 // PieChart.update();
					 scope.compoteTotalSum();
		       scope.compoteTotalCost();

				});
				element.bind('blur',function(){
					element.addClass('transparent');
				});
				element.bind('focus',function(){
					element.removeClass("transparent");
				});
		}
	};
});

Answer 1

[Николай]

Ангуляр не в курсе, что произошел какой-то event.
Вам нужно ему об этом сообщить.
Например при помощи $scope.$apply().
Чтобы этого избежать - можно использовать директивы angular js для событий:
ng-blur, ng-change, ng-focus и т.д.

Comments

[Артем]

пример с apply это как будет выглядеть? Если делать ng-change - выполняется несколько разных функций, как и прописывать в таком случае?

[Николай]

Артем: в случае с $apply - нужно обернуть часть кода меняющую $scope в $scope.$apply.
приведите пример минимальный того, что вы имеете ввиду во втором случае.

[Артем]

Спасибо. Apply помог. На этом и остановился - это самое верное решение и правильное наверное( по ангуляровски?)

[Николай]

Артем: ну, вообще нет. Правильнее как раз использовать директивы, когда это возможно. А если нет директивы - написать свою и уже там использовать $apply. В идеальном мире у вас вообще не должно быть нигде $apply вызовов вне директив, которые биндят нестандартные события.