如何使用ngGrid在AngularJS中顯示數組數據？

Question

我想在ngGrid顯示以下陣列

$scope.pathinfo = ["28.86 GB left on dir1","28.86 GB left on dir2"]

我的控制器看起來是這樣的：

$scope.restorePathGridOptions = { data: '$scope.pathInfo', 
         columnDefs: [ 
          {field: 'entry', displayName: 'Free Space for paths'} 
         ] 
        } 

這是我的HTML：

<div id="RestorepathsGrid" class="gridStyle" ng-grid="restorePathGridOptions"> 

我假設'入口'是在索引0和1的數組的數據值。

但是網格根本不顯示。

任何想法爲什麼？

Answer 1

data：'$ scope.pathInfo'

$ scope在這裏是不需要的。

另外，如果你想現場條目在你的榜樣，那麼你必須使用對象

Answer 2

的陣列使用對象而不是數組的數組：

$scope.pathinfo = [{entry: "28.86 GB left on dir1"}, {entry: "28.86 GB left on dir2"}]

注意，字段名$scope.pathinfo中的對象應匹配columnDefs中的字段名稱。這應該可以解決你的問題。