In Angular 2+, prova il decoratore @Input
Permette un bel legame di proprietà tra i componenti padre e figlio.
Innanzitutto creare una variabile globale nel genitore per contenere l'oggetto / proprietà che verrà passata al figlio.
Quindi creare una variabile globale nel figlio per contenere l'oggetto / proprietà passati dal genitore.
Quindi nel codice HTML principale, in cui viene utilizzato il modello figlio, aggiungi la notazione tra parentesi quadre con il nome della variabile figlio, quindi impostala uguale al nome della variabile padre. Esempio:
<child-component-template [childVariable] = parentVariable>
</child-component-template>
Infine, dove la proprietà figlio è definita nel componente figlio, aggiungi il decoratore di input:
@Input()
public childVariable: any
Quando la variabile principale viene aggiornata, dovrebbe passare gli aggiornamenti al componente figlio, che aggiornerà il suo codice HTML.
Inoltre, per attivare una funzione nel componente figlio, dai un'occhiata a ngOnChanges.