Пренос својстава у дете компоненту у Angular

Могуће је такође пренети својства родитељске компоненте у дете. Хајде да погледамо, како се то ради. У родитељској компоненти дефинишимо својства која ћемо пренети у дете компоненту:

class AppComponent {
	public name: string = 'john';
	public age: number = 25;
}

У темплејту родитеља узмимо имена атрибута у угласте заграде. У том случају оно што је написано као вредност атрибута, биће интерпретирано као својство класе родитеља:

<user-data [name]="name" [age]="age"></user-data>

У родитељској компоненти направите својства за назив и цену производа. Проследите њихове вредности у вашу дете компоненту.