Passando propriedades para um componente filho no Angular
Também é possível passar propriedades do componente pai para o filho. Vamos ver como isso é feito. No componente pai, defina as propriedades que passaremos para o componente filho:
class AppComponent {
public name: string = 'john';
public age: number = 25;
}
No template do pai, use os nomes dos atributos entre colchetes. Neste caso, o que está escrito como valor do atributo será interpretado como uma propriedade da classe pai:
<user-data [name]="name" [age]="age"></user-data>
No componente pai, crie propriedades para o nome e o preço do produto. Passe seus valores para o seu componente filho.
