Eckig 4: InvalidPipeArgument: '[object Object]' für die Pipe 'AsyncPipe'

In Ihrem MoviesService sollten Sie FirebaseListObservable importieren, um den Rückgabetyp FirebaseListObservable<any[]>

dann sollte get () -Methode das mögen -

Diese Methode get () gibt FirebaseListObervable der Filmliste

In Ihrer MoviesComponent sollte so aussehen

Dann können Sie problemlos Filme ohne asynchrone Pipe durchlaufen, da mivies [] Daten nicht beobachtbar sind, Ihr HTML sollte das mögen und dein HTML sollte das sein

Wenn Sie Filme als

dann sollten Sie einfach

und dein html sollte das sein

async wird für die Bindung an Observables und Promises verwendet, aber es scheint, als ob Sie an ein reguläres Objekt binden. Sie können einfach beide async -Schlüsselwörter entfernen und es sollte wahrscheinlich funktionieren.

Sie erhalten diese Meldung, wenn Sie in Ihrer Vorlage Async verwendet haben, sich aber auf ein Objekt beziehen, das kein Observable ist.

Sagen wir zum Beispiel, dass ich diese Eigenschaften in meiner Klasse hatte:

In meiner Vorlage beziehe ich mich dann so:

anstelle von:

Sie würden den Job nicht brauchen: Job-Eigenschaft, wenn Sie die asynchrone Pipe verwenden, aber es dient dazu, eine Ursache des Fehlers zu veranschaulichen.