将kendo ui网格列标题绑定到AngularJs中的作用域

Question

我正在使用kendo ui网格，我想将列标题绑定到json文件，而不是直接在控制器中指定它。

我创建了一个成功地检索从JSON文件中的数组的函数，并填充范围：

 function returnColumns(){ 
      $http.get('app/data/headers.json') 
        .then(function(res){ 
         $scope.myHeaders = res.data; 
        }); 
     } 
     returnColumns(); 

而且在网格的选项，我指的列在范围变量：

 $scope.options = { 
      dataSource: { 
       type: "json", 
       transport: { 
        read: "app/data/myData.json" 
       }, 
       pageSize: 10, 
       schema : { 
        data: "mySchema" 
       } 
      }, 
      sortable: true, 
      pageable: true, 
      resizable: true, 
      columns:$scope.myHeaders 
    .... 
    .... 

但绑定不进来，头不更新。

谢谢！

Answer 1

假设你只加载头一次，它的好隐藏的表，直到头负载，抛出一个ng-if="myHeaders"到剑道的UI格栅元素，从$scope.options删除列，并使用元素k-columns代替。

所以：

<div kendo-grid k-options="options"></div> 

变为：

<div kendo-grid k-options="options" k-columns="myHeaders" ng-if="myHeaders"></div>