无法观察到的循环

Question

store.select（“书籍”）是可观察到的，并且在下面代码打印

{ "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 1”，我想通过书籍阵列循环，为此，我写了“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}} &nbsp;&nbsp;&nbsp;&nbsp; {{book.price}} 
    </li> 
</ul> 

Answer 1

试试这个：

let book of (store.select('books') | async)?.books 

因为你store.select('books')是一个async过程不store.select('books').books。

我在?之后确认此声明的回应不是falsy的值。