2014-07-02 21 views
0

,下面是我的指令代碼:如何通過NG-格列字段動態使用我使用AngularJS的NG-電網AngularJS

$scope.gridOptions = { 
       data : 'sample', 
       columnDefs : [ { 
        field : "username", 
        displayName : "USER NAME", 
        width : 145 
       }, { 
        field : "password", 
        displayName : "Password", 
        width : 145 
       }], 

而不是硬編碼網格的顯示名稱我想要從控制器動態顯示它們。我將結果存儲在控制器中的一個變量中,所以我想將該變量傳遞迴指令並顯示結果變量中的列名。我可以使用rootScope將指令中的值傳遞給控制器​​,所以有什麼方法將值傳回控制器的指令。 請告訴我如何做到這一點。

回答

0

可以構建從其中用於結合

$ scope.griddata = response.data //這是其中數據被得到分配 $ scope.gridoptions =迎合數據的底層數據源的ColDefs [] { data:griddata, columnDefs:coldef,// coldef我們將從數據源對象 構建。 。 }

從$ scope.gridata,我們將提取所有列的信息是這樣並將其分配給$ scope.coldef這勢必columndefinition

VAR字段名= Object.key($ scope.griddata [0]); //從json數據獲取列清除
for(var i = 0; i < fieldnames.length; i ++){
$ scope.coldef.push({field:fieldnames [i]});
}

現在ColDef是動態和建立基於分配

數據源