Question

我已经在反复的圈子中跑了几个小时，并且感觉答案正直盯着我（我已经看过十二个类似的问题），但是我似乎看不到它。

我有这个对象：

{id: 1, firstName: "Rob", lastName: "Thompson", agent: 
"rob@10thHuman.com", phone: null, …}
agent: "rob@10thHuman.com"
comments: Array(2)
0: {id: 3, comment: "testing another comment"}
1: {id: 8, comment: "second comment"}
length: 2
__proto__: Array(0)
firstName: "Rob"
id: 1
lastName: "Thompson"
phone: null
__proto__: Object

当我选择该特定用户时，我试图显示评论。

我可以通过以下方式轻松访问第一级字段和单个注释：

      {{gotClient.comments[0].comment}}

但是在尝试显示与用户相关联的所有注释时，我正在绘制文字空白。这是最近的尝试：

<div>
    <ol>
       <li *ngFor="let item of comments" > 
            <div>{{item.comments}}</div> 
               <ol>
                  <li *ngFor="let subItem of item['comments']"> 
                      <div>{{subItem.comment}}</div> 
                  </li>
                 </ol>
        </li>
       </ol>
   </div>

这实际上是空白。

请告知。

Answer 1

由于注释是一个数组，因此ngFor可以使您逐个访问每个注释（通过项）。项目现在为：{id: 3, comment: "testing another comment"}，因此您可以通过执行item.comment

来访问它

尝试一下：

<div>
    <ol>
       <li *ngFor="let item of comments" > 
               <ol>
                  <li > 
                      <div>{{item.comment}}</div> 
                  </li>
               </ol>
        </li>
       </ol>
   </div>

如何使用嵌套注释迭代Angular中的数组

1 个答案: