数组内的 Angular 8 ngFor 数组

Question

这是我的数组，其中有属性条消息，其中有另一个数组。

chat = [{id:1, toUser:10, fromUser:11, seen:null, name:'Filip', messages:[{message:'Hello'},{message:'Hello again'}]}];

这是我的HTML

<div *ngFor="let c of chat">
<h1>{{c.name}}</h1> //this works fine
<p>{{c.messages.message}}</p> //There I cant get anything. If I set c.messages[0].message I only get first result
</div>

Answer 1

使用第二个嵌套 ngFor。类似于：

<div *ngFor="let c of chat">
  <h1>{{c.name}}</h1>
  <p *ngFor="let item of c.messages">{{item.message}}</p>
</div>

数组内的 Angular 8 ngFor 数组

Angular8 ngFor array inside array

arrays

angular

ngfor