如何使用ng Grid在AngularJS中显示数组数据?

时间:2014-09-19 21:40:42

标签: javascript angularjs ng-grid

我想在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">

我假设'entry'是索引0和1处数组的数据值。

但网格根本没有出现。

任何想法为什么?

2 个答案:

答案 0 :(得分:0)

数据:&#39; $ scope.pathInfo&#39;

此处不需要$ scope。

此外,如果您希望在示例中输入字段,则必须使用对象数组

答案 1 :(得分:0)

使用对象数组而不是数组:

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

请注意$scope.pathinfo中对象的字段名称应与columnDefs中的字段名称匹配。这应该可以解决你的问题。