angularjs class diretive attach click event to third party control (Kedno UI grid)

Question

I am trying to use class directive to attach click event to the next page button on the kendo grid.

Directive:

.directive('kPagerNav', function () { 
           return {
            restrict: 'C',                   
            controller: function ($scope, $element, $attrs, $location) {

                if (typeof $scope.testFunc === "function") {
                    $element.click(function () {
                        $scope.testFunc();
                    });
                }
            }
        }
        })

Example http://dojo.telerik.com/AKiqO

I have exactly the same directive working for a 'cancel changes' button , but I can't get next page click working.

Can't really tell from only this code. But the most common source of problems like this are because you are using a normal jquery click registration instead of ng-click. you need to call $scope.$apply() at some point. perhaps after testFunc is called — jw56578

Petyo Ivanov Petyo Ivanov · Accepted Answer · 2015-02-20T11:42:46

I think that the directives do not work because the pager is updated asynchronously, and the arrows do not match the directive CSS class at compilation time.

angularjs class diretive attach click event to third party control (Kedno UI grid)

1 Answers