將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>