Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/402.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用ngfor显示二维阵列_Javascript_Angular_Ionic Framework - Fatal编程技术网

Javascript 使用ngfor显示二维阵列

Javascript 使用ngfor显示二维阵列,javascript,angular,ionic-framework,Javascript,Angular,Ionic Framework,我正在从firebase数据库中提取一些消息数据,并尝试使用ngfor将它们显示为页面上的列表。 问题是,这是来自db is 2D数组的数据结构 下面的代码解释了结构: 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 mes

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

下面的代码解释了结构:

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.
味精是一种可观察的物质

那么,我该如何为这些数据编写一个合适的NGF呢


谢谢

好吧,用最简单的方式:)



0消息内容的第0个成员是keySorry,什么?你要的是一种双循环的方法。你能说明一下你目前的需要吗?键导致错误我猜不是,异步管道导致错误。你告诉我消息是可以观察到的,但似乎不是。删除第二个
| async
,如果它仍然不起作用,也删除第一个。你根本不需要
|async
,因为
消息
不是可观察的
这个.msg
是(根据OP)。确保你在里面放了一些html,这样你就能在屏幕上看到一些东西
<div *ngFor="let message of messages | async">
  <div *ngFor="let prop of message">
    <!-- You should have everything here -->
  </div>
</div>