当我在*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>
这就像如果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
一个不存在的管道),我的组件无法加载而没有错误。