Gabarito do Capitulo 07

de Código/Fórmulas

Prática 1:

No Filho (mini-caca.ts):

@Input() nomePilotoFilho: string = '';

No Filho (mini-caca.html):

<p>Piloto do Caça: {{ nomePilotoFilho }}</p>

No Pai (painel.html):

<app-mini-caca [nomePilotoFilho]="nomePiloto" ...></app-mini-caca>

Prática 2:

No Filho (mini-caca.ts):

@Output() escudoLigado = new EventEmitter<boolean>();

No Filho (mini-caca.html):

<button (click)="escudoLigado.emit(true)">Ligar Escudo do Caça</button>

No Pai (painel.html):

<app-mini-caca (escudoLigado)="mensagemEscudo($event)" ...></app-mini-caca>

(Nota: O $event captura o valor enviado pelo emit, no caso true).