Kendo模板按钮ng-click不起作用

Question

模板中的kendo ng -click按钮不起作用。请帮助我们！

<div ng-controller="RiskProcessController"> 
    <script id="link-template" type="text/kendo-templ"> 
     <button id="nextButton" class="btn btn-primary newButton" ng-click="Test()"> Click</button> 
    </script> 
</div> 

角控制器

manageApp.controller("RiskProcessController", ['$scope', '$http', '$uibModal', function ($scope, $http, $uibModal, riskServices) { 
    $("#Risks").kendoGrid({ 
     dataSource: dataSource, 
     detailTemplate: kendo.template($("#link-template").html()), 
     detailInit: detailInit, 
     columns: [] 
    } 
    $scope.Test = function(){ 
    console.log("test"); 
    } 
}]); 

Answer 1

您正在使用jQuery的语法，这是不推荐的初始化KendoGrid，并会导致你的问题。

为什么不使用Kendo提供的Angular/Kendo指令？

请就如何做到这一点在这里阅读文档：http://demos.telerik.com/kendo-ui/grid/angular

如果你这样做，那么你可以这样做;

<div kendo-grid k-options="gridOptions" ng-controller="RiskProcessController"> 
    // grid code 
</div> 

manageApp.controller("RiskProcessController", ['$scope', '$http', '$uibModal', function ($scope, $http, $uibModal, riskServices) { 

    $scope.mainGridOptions = { 
     dataSource: {}, 
     sortable: true, 
     pageable: true, 
     dataBound: function() { 
      columns: [] 
     }; 
    } 
}]);