store.select('books')是一个Observable,下面代码中的“STEP 1”打印
{ "books": [ { "id": 1, "title": "title here1", "description": "desc here1", "author": "test", "price": 99 }, { "id": 2, "title": "title here2", "description": "desc here2", "author": "test", "price": 99 } ] }
现在,我想遍历书籍数组,为此我写了“STEP 2”,但它没有打印任何东西。 需要修改什么来使* ngFor工作?
<!-- STEP 1 -->
{{store.select('books') | async | json}}
<!-- STEP 2 -->
<ul>
<li *ngFor="let book of store.select('books').books | async">
{{book.title}} {{book.price}}
</li>
</ul>
答案 0 :(得分:1)
试试这个:
let book of (store.select('books') | async)?.books
因为store.select('books')
是async
进程而不是store.select('books').books
。
我将?
放在后面,以确保此声明的响应不是falsy
值。