在Angular中将数据传递到ng-repeat内的ui-grid

时间:2016-07-14 13:43:50

标签: angularjs json angularjs-ng-repeat angular-ui-grid

我是Angular的新手,一直在寻找一个将数据从ng-repeat中的迭代数据传递到ui-grid正在制作的表格。

我有一个JSON对象,结构类似于:

{
 category1: {obj{atr1: val, atr2:val}, obj2{atr1: val, atr2:val}}, 
 category2: {obj{atr1: val, atr2:val}, obj2{atr1: val, atr2:val}}
}

我正在使用ng-repeat来迭代它,类似于:

<div ng-repeat="(category, objs) in jsonObj">
    <h3>{{category}}</h3>
    <div ui-grid="{ data: objs}" class="grid"></div>
</div>

这适用于显示类别名称(),但我无法弄清楚如何将objs传递给ui-grid。这样做的正确方法是什么?我可以创建一个函数并通过数据调用它:并以这种方式获取数据吗?如果我只使用gridOptions并在.js中定义数据,那么所有表都将获得相同的数据,我可以从表迭代的地方传递一些变量,这样我就能为每个表选择正确的数据吗?

1 个答案:

答案 0 :(得分:0)

想出来了!

<div ng-repeat="(category, objs) in jsonObj">
    <div ui-grid="{ data: jsonObj[category] }" class="grid"></div>
    </br>
</div>

这与制作相应的值列表(感谢MMhunter)一起工作。