Javascript 如何在Angular 2模板中迭代可观察的数组流？

我正在使用ng2 redux，我正在尝试显示短语/单词的列表。在下面的代码示例中，您可以看到我使用@selectdecorator获取单词/短语并将其放入短语$observable中

从官方的ng redux教程开始，我可以使用async pipe操作符按原样显示阵列。因此，如果短语的存储看起来像['1'，'2'，'3'，]，那么输出是这样的：1，2，3。这就是代码的样子：

从“@angular/core”导入{Component，OnInit}； 从“ng2 redux”导入{select}； 从“rxjs”导入{Observable}； @组成部分{ 选择器：'应用程序类型'， 模板：` 短语列表 {{phrases$| async}} `, } 导出类TypingComponent实现OnInit{ @选择“短语”短语$：可见； 构造函数{} 恩戈尼尼特{} } 但我的目标不是在一行中显示单词。我想用*ngFor显示单词，这样我就可以对它们进行更复杂的样式设置。因此，与{{phrases$| async}}不同，可能是这样的：

<div *ngFor="let phrase in phrases$ | async">
  <div>{{phrase}}</div>
<div>

{{短语}} 但这不起作用，因为$是可观察的，而不是数组。如何更改上面的内容，以便迭代数组本身？

如果$emit数组，则类型似乎不正确。如果不是：

@select('phrase') phrases$: Observable<number[]>;

如果$发出数组，则类型似乎不正确。如果不是：

@select('phrase') phrases$: Observable<number[]>;

---

关于类型，你是对的，我犯了一个错误。但是感谢您给出关于异步管道的答案。这正是我要找的！关于类型，你是对的，我犯了一个错误。但是感谢您给出关于异步管道的答案。这正是我要找的！