Primeira conversa sobre classificação
O exemplo a seguir pode explicar:
<div>
<li>{
{hero.name}}</li>
<app-hero-detail [hero]="selectedHero"></app-hero-detail>
<li (click)="selectHero(hero)"></li>
</div>
No primeiro <li>, { {hero.name}}, esta é uma ligação de interpolação , ou seja, as variáveis que definimos no controlador e os dados podem ser exibidos diretamente em primeiro plano.
A segunda associação de propriedade [hero] passa o valor selectedHero do componente pai HeroListComponent para a propriedade hero do componente filho HeroDetailComponent.
O terceiro evento está vinculado ao evento de vinculação de clique.
Vinculação bidirecional : este <input [(ngModel)] = "myData">
Função principal: o modelo e o controlador mantêm os dados consistentes
Quando o usamos, precisamos adicionar o módulo FormsMudule no Angular