2

当我在*ngFor.

这里有一些代码:

这是模板

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

_filtersPageState变量声明为:

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

并使用以下select函数对其进行初始化@ngrx/store

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

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

以下模板破坏了组件:

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

这就像如果asyncngFor不想在一起:(

编辑 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一个不存在的管道),我的组件无法加载而没有错误。

4

1 回答 1

1

我解决了这个问题。

我包含在 Angular 2 的缩小版本中,一旦我包含 angular2.dev.js,一切都开始工作了。

谢谢

于 2016-04-06T17:57:51.660 回答