无法循环观察

时间:2017-02-11 06:25:30

标签: angular rxjs

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}} &nbsp;&nbsp;&nbsp;&nbsp; {{book.price}}
    </li>
</ul>

1 个答案:

答案 0 :(得分:1)

试试这个:

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

因为store.select('books')async进程而不是store.select('books').books

我将?放在后面,以确保此声明的响应不是falsy值。