Grid with Angular - ng-click not working

[Saquib]

Hi,

 Hopefully someone can tell me what I'm doing wrong here!

Example to re-produce here;

 http://plnkr.co/edit/3jLcnD16BdLQNJatBxCu?p=preview

 

Simple grid with one column built from a template. The template builds a button which includes ng-click as an attribute.

(in index.html) 

 <script id="link-template" type="text/kendo-templ">
    
    # if (fieldT > 0) { #
    <button type="button" ng-click="actionLink('#=fieldT#')">
                            Field T Link
    </button>
         # }
     else { # No Link
         # } #
    
    </script>

 

The button is build correctly, and includes the ng-click attribute.

 

However, the on clicking the button, the function is not called (either within the $scope or global functions).

 I've included kendo.directives as a dependency when loading angular.

What do I need to do to fix ?

 

Many thanks!

[Saquib]

P.S. Also finding that Kendo UI Angular events are not firing (although I've included kendo.directives)

     $scope.$on("kendoWidgetCreated", function(event, widget){

            console.log(widget);
      });   

The kendoWidgetCreated event never fires.

[Boyan Dimitrov]

Hello Saquib,

 

I found the problem in the provided code. 

 

The Kendo UI Grid was initialized using the jQuery Plugin syntax. Please refer to the Using Kendo with AngularJS article in order to find more information about AngularJS Kendo UI widget initialization. 

 

Also I modified the http://plnkr.co/edit/OpVOrGTl8qrEgUrcdjf3?p=preview example and now it works fine. 

 

Regards,
Boyan Dimitrov
Telerik