Legarea manipulatoarelor de evenimente în șablonul Angular
În Angular, manipulatoarele de evenimente sunt legate de tag-uri într-un mod special - cu ajutorul atributelor. În paranteze rotunde este indicat numele evenimentului, iar în valoarea atributului este apelată o metodă a clasei componente, care trebuie să se execute la acest eveniment.
De exemplu, să facem ca la
click pe buton să se execute metoda show
a clasei componente:
<button (click)="show()">
button
</button>
Acum să scriem implementarea metodei show
în clasa componentei:
export class AppComponent {
public show(): void {
alert('test');
}
}
Creați două butoane. La click pe primul salutați utilizatorul, iar la click pe al doilea - despărțiți-vă de el.