Question

给出以下数据集：

{
    "url": "www",
    "words": [
        {
            "name": "fish",
            "count": 1
        },
        {
            "name": "pig",
            "count": 60
        }
    ]
},
{
    "url": "www",
    "words": [
        {
            "name": "zebra",
            "count": 0
        },
        {
            "name": "cat",
            "count": 12
        }
    ]
},
{
    "url": "www",
    "words": [
        {
            "name": "dog",
            "count": 0
        },
        {
            "name": "antilope",
            "count": 2
        }
    ]
}

我想创建一个类似于：

的网格

   URL     Words:Count
--------|--------------
|       |   fish:1    |
| www   |   pig:60    |

等...

在我的控制器中，我尝试过的是以下配置：

$scope.gridOptions = { 
        data: 'data',
        columnDefs: [
        {field:'url', displayName:'URL'}, 
        {displayName:'Words:Count', cellTemplate: '<div class="ngCellText"><div ng-repeat="word in row.entity.words">{{word.name + ":" + word.count}}</div>'}
  ]
}

但我得到的只是第一个词：count，而不是整个词。

我试过查看文档，但找不到任何内容，

我错过了什么？

Answer 1

你检查过网格的高度吗？这是plnkr代码及其工作原理。

的style.css

.gridStyle {
    border: 1px solid rgb(212,212,212);
    width: 400px; 
    height: 300px;
}

的javascript：

...

$scope.gridOptions = {
...

rowHeight: 80 // height of each row

...
};

...

的index.html

<div class="gridStyle" ng-grid="gridOptions"></div>

AngularJS - 在ng-grid cellTemplate中重复ng-ng

1 个答案: