使用ngfor显示2D数组

时间:2017-11-08 15:13:11

标签: javascript angular ionic-framework

我从firebase数据库中提取了一些消息数据,并尝试使用ngfor将它们显示为页面上的列表。 问题是这是来自db的数据结构是2 d数组 enter image description here

下面的代码解释了结构:

this.msg=messages[0][3]; //first users 3rd message content.(0 is key of messagecontent)
      this.msg=messages[0][3].message //first users 3rd message contents message.actual message i want to display.

msg是一个可观察的。

那我如何为这些数据写一个合适的ngfor?

感谢

1 个答案:

答案 0 :(得分:2)

嗯,最简单的方法是:)

<div *ngFor="let message of messages | async">
  <div *ngFor="let prop of message">
    <!-- You should have everything here -->
  </div>
</div>