Почему функция в директиве срабатывает 2 раза вместо 1?

Question

[KOPC1886]

Всем привет!

На изменения значения инпута есть директива, но она срабатывает на изменение не конкретного инпута, а любого другого. Почему так?

Вот пример Пример

Заранее спасибо!

Comments

[Андрей]

Я не очень понимаю что Вы вообще пытаетесь сделать, есть же https://docs.angularjs.org/api/ng/directive/ngChange

Answer 1

[KOPC1886]

Если в директиве написать вот так, то срабатывает только при изменении нужного инпута

DirectivesApp.directive('calendarChange', ['$document', '$timeout', function($document, $timeout) {
        return {
            restrict: 'AE',
            link: function(scope, element, attrs) {
                $timeout(function() {
                    var $inputCalendar = document.getElementById('blockCalendar').getElementsByClassName('calendar_input');
                    angular.element($inputCalendar).on('change', function() {
                        console.log(scope.item);
                    });
                    /*$inputCalendar.on('change', function() {
                        console.log(scope.item);
                    });*/
                }, 500);
            }
        };
    }]);