Wie kann ich ngOnChanges nur auslösen, nachdem alle Eingabewerte in ngOnInit gesetzt wurden

Question

Wie kann ich ngOnChanges erst auslösen, nachdem alle Eingabewerte in ngOnInit gesetzt wurden? Mein Code ->

`ngOnInit() { 
this.multiSelectorData.forEach(item=>{ 
      this.allItems.push(item.data); 
     }); 
} 
ngOnChanges(changes: SimpleChanges) { 
     if(changes['dataReady'] && changes['dataReady'].currentValue) { 
    console.log(this.allItems); 
}` 

ich gewohnt das Array ich in ngonit in ngonchanges initialisiert, weil ngonchanges vor ngonit genannt wird, wie kann ich überprüfen, ob alle vor der Prüfung ngonchanges initialisiert werden?

Answer 1

Eine Methode, die ich gefunden habe, die funktioniert, basiert auf der Tatsache, dass die Eingabewerte alle eine vorherige Werteigenschaft haben. Wenn die Eingabe zuvor nicht festgelegt wurde, lautet dieser Wert CD_INIT_VALUE (als Zeichenfolge). Sie können also eine Bedingung festlegen, dass Ihr Codeblock in ngOnChanges nur ausgeführt werden soll, wenn der vorherige Wert nicht CD_INIT_VALUE ist. Hier ist ein Beispiel für den Fall, dass Sie alle Eingabewerte sind testen:

ngOnChanges(changes: SimpleChanges) { 
    let initialized: boolean = true; 
    for (let prop in changes) { 
    if (changes[prop].previousValue.toString() === 'CD_INIT_VALUE') { 
     initialized = false; 
     //we can break here since if any item is not initialized 
     //we will say the inputs are NOT initialized 
     break; 
    } 
    } 

    if (initialized) { 
    //code you want to execute 
    }  
} 

Es gibt wahrscheinlich elegantere Lösungen, aber ich gefunden habe, das funktioniert. Dies ist wahrscheinlich zu spät, um Ihnen zu helfen, aber kann anderen helfen, als wenn ich das googled, fand ich diese Frage. Die Lösung war etwas, was ich beim Debugging herausgefunden habe.