ngFor嵌套对象列表
ngFor嵌套对象列表
提问于 2018-06-09 16:42:49
我有一个嵌套对象的列表，并使用ngFor进行迭代。但是，当我想要达到某个子对象的属性时，我必须从根对象开始编写所有属性的链。我正在尝试定义额外的变量，并将子对象赋给它。基本上我想做的是类似下面这样的事情，但它给出了错误，我认为这不是正确的语法
<div *ngFor="let obj of objs; let child = obj.childObject">
<span>{{ child.name }}</span>
<div/>我怎样才能做到这一点？
回答 3
Stack Overflow用户
发布于 2018-06-09 16:54:43
为什么不遍历span内部的对象链呢
<span *ngFor="let obj of objs">{{ obj.childObject.name }}</span>阅读评论后编辑。上面的代码用于显示特定的childobject属性。
如果目标是打印childobject的所有属性，那么在component的类中定义objectKeys变量：
export class MyComponent {
objectKeys = Object.keys;
...
}然后将集合作为参数提供给组件的html中的objectKeys：
<div *ngFor="let obj of objs">
<span *ngFor="let key of objectKeys(obj.childobject)">{{key + ' : ' + obj.childobject[key]}}</span>
<div/>Stack Overflow用户
发布于 2018-06-09 16:55:09
试试看这个
<div *ngFor="let obj of objs;">
<ng-container *ngFor="let child of obj.childObject;>
<span>{{ child.name }}</span>
</ng-container>
<div/>Stack Overflow用户
发布于 2018-06-10 03:33:54
看看我的例子，这是工作
<div *ngFor="let catergory of Catergories;">
<span>{{ catergory.name }}</span>
<div *ngFor="let product of catergory.products;>
<span>{{ product.name }}</span>
</div>
<div/>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50772459
复制相关文章
相似问题