【问题标题】:Pass data to ui-grid inside ng-repeat in Angular在Angular中的ng-repeat中将数据传递给ui-grid
【发布时间】:2016-07-14 13:43:49
【问题描述】:

我是 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。这样做的正确方法是什么?我可以创建一个函数并通过 data: 调用它并以这种方式获取数据吗?如果我只使用 gridOptions 并在 .js 中定义数据,所有表都将获得相同的数据,我可以从表被迭代的地方传递一些变量,以便我可以为每个表选择正确的数据吗?

【问题讨论】:

  • 根据doc for uiGridOpotions,数据字段只支持数组。也许您必须将每个类别的数据结构转换为数组。
  • 啊,我得调查一下。感谢您的链接!

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


【解决方案1】:

想通了!

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-11-28
    • 2023-03-25
    相关资源
    最近更新 更多