unfähig zu Schleife beobachtbaren

Question

store.select (‚Bücher‘) ist ein beobachtbares und „Schritt 1“ in folgenden Code druckt

{ "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 } ] } 

Nun möchte ich Schleife durch Array wie Bücher, und dass ich habe "STEP 2" geschrieben, aber es druckt keine Dinge. Was muss geändert werden, damit der * ngFor funktioniert?

<!-- 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

versuchen Sie dies:

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

weil Ihr store.select('books') ist ein async Prozess nicht store.select('books').books.

Ich gebe ? nach, um sicherzustellen, dass die Antwort dieser Aussage nicht falsy Wert ist.