Subject.next feuert nicht in ngOnInit

Question

Hat jemand, warum dieser Code (Initialisierung eines Wertes von Subject) nicht funktioniert? Gibt es einen Fehler oder ein Design? Was mache ich falsch?

ts

import { Component, OnInit } from '@angular/core'; 
import { Subject } from "rxjs"; 

@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    styleUrls: ['./app.component.styl'] 
}) 
export class AppComponent implements OnInit { 
    itemSupplier$: Subject<any[]> = new Subject<any[]>(); 

    items: any[] = [ 
    {name: 'Item 1', value: 'item1'}, 
    {name: 'Item 2', value: 'item2'}, 
    ]; 

    ngOnInit(){ 
    this.itemSupplier$.next(this.items); 
    } 
} 

html

<ul> 
    <li *ngFor="let item of itemSupplier$ | async">{{item.name}}</li> 
</ul> 

Answer 1

Es scheint wie ein Timing-Problem, es funktioniert, wenn Sie es in einem setTimeout werfen.

setTimeout(() => this.itemSupplier$.next(this.items), 0)

EDIT

Es ist eigentlich eine bessere Idee BehaviorSubject zu verwenden. Dies liefert den letzten Wert, wenn es abonniert ist.

Answer 2

Ich hatte das gleiche Problem und setTimeout war als Lösung wirksam, aber festgestellt, dass ich setTimeout nicht verwenden musste, wenn ein Observable, dem die switchMap() - Methode des Subjekts zugewiesen wurde, vor dem nächsten Aufruf abonniert wurde (). In Ihrem Beispiel könnte es erforderlich sein, ein Observable zu erstellen, die Eigenschaft direkt zu abonnieren und zu aktualisieren, anstatt die asynchrone Pipe zu verwenden.

Answer 3

Sie könnten Ihren nächsten Anruf in den AfterViewinit-Hook machen. Die asynchrone Pipe wird in diesem Moment zu dem Betreff abonniert.