typescript - Angular2 异步管道在 ngfor 中不起作用

Question

当我在 *ngFor 中使用异步管道时，我在 Angular2 中遇到了问题。

这里是一些代码:

这是模板

<li *ngFor="#obj of _filtersPageState | async">
        hello world
</li>

_filtersPageState 变量声明为:

private _filtersPageState: Observable<any> = new Observable<any>();

使用@ngrx/store的select函数初始化:

this._filtersPageState = store.select('FiltersPageState');
this._filtersPageState.subscribe(v => console.log(v));

商店内的 FiltersPageState 对象是通过 http 请求填充的，如果我在控制台日志中打印 @ngrx/store 对象，我可以看到 get正确执行请求。

我的问题是，当 async 管道被放置在 ngFor 中时，组件无法加载并且我在 Chrome 控制台中没有收到任何错误。

如果我写 {{_filtersPageState.value | async}} 在 html 模板中，Observable 的值正确显示。

我正在玩 beta 13

有什么线索或建议吗？谢谢!

编辑

我注意到如果我写 {{_filtersPageState| async}} 在模板中，同时我写了一个 ngFor (即使在没有 async 管道的简单数组上循环，我的组件也会中断(默默地)

编辑2

我想在拼图中添加另一个方 block 。

以下模板破坏了组件:

{{_filtersPageState | async}}
<li *ngFor="#obj of simpleArray">
        {{obj}}
</li>

这就像如果 async 和 ngFor 不想在一起 :(

编辑3

我发现 ngFor 内部没有管道工作:

<h1 *ngFor="#element of filtersPageState|async">{{element}}</h1>
<h1 *ngFor="#element of simpleArray|uppercase">{{element}}</h1>
<h1 *ngFor="#element of simpleArray">{{element|uppercase}}</h1>
<h1 *ngFor="#element of simpleArray|aaaaaaaaa">{{element}}</h1>

在所有四种情况下(还有 aaaaaaaaa 是一个不存在的管道)，我的组件无法正常加载。

Answer 1

我解决了这个问题。

我在缩小版的 Angular 2 中加入了 angular2.dev.js，一切都开始工作了。

谢谢