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

Question

[Abc Edc]

(function () {
    'use strict';

    angular
        .module('app.widgets')
        .directive('pagination', pagination);

    function pagination() {
        var directive = {
            scope: {
                offset: "="
            },
            restrict: 'EA',
            link:link,
            template:' <button>Read more<button>'
        };
        return directive;
        function link(scope,element,attrs){
            element.bind('click', function () {
                ++scope.offset;
                scope.$apply();
            });
        }
    }
})();

<pagination offset="vm.filters.offset"/>
Контроллер модуля что использует дерективу

$scope.$watch('vm.filters.offset',function(oldVal,newVal){
                    console.log(newVal);
               });

Вот тут он сначало лог делает 1(как задано по дефолту)
Это при загрузке
Потом 1 по клику(ВОТ ЭТОТ МОМЕНТ НЕ ЯСЕН И КАК ЕГО ПОПРАВИТЬ!!!!!!!)
Потом только 2,3..итд

Answer 1

[Павел Кононенко]

$scope.$watch('vm.filters.offset',function(newVal, oldVal){
    console.log(newVal);
});

Порядок аргументов указан неправильно.

Comments

[Abc Edc]

Блин точно!Спасибо!

[Abc Edc]

Павел Кононенко Слушай а можешь подсказать еще пожалуйста почему если поставить просто vm.filters оно не работает, внутри же объекта происходят изменения ,я думал должно влиять

[Павел Кононенко]

ГЛЕБ ГЛЕБОВ: попробуйте в вотчер третим аргументом передать true

[Abc Edc]

Павел Кононенко: ВООТ ПУШКА! теперь как надо! СПАСИБО