Реактивност в Angular
При всякакви промени в публичните свойства, шаблонът ще реагира реактивно, тоест моментално ще се променя. Така работи реактивността в Angular.
Нека разгледаме пример. Да предположим, че имаме свойство, съдържащо текст:
export class AppComponent {
public text: string = '';
}
Нека изведем нашето свойство в някакъв таг:
<div>
{{ text }}
</div>
Сега нека направим бутон, при кликването на който ще се извиква метод на класа:
<button (click)="show()">
show
</button>
В този метод ще променим текста:
export class AppComponent {
public text: string = '';
public show(): void {
this.text = 'hello';
}
}
Сега, ако стартираме кода и натиснем бутона, веднага след натискането текстът в div тага ще се промени.
Направете div и два бутона. Направете така, че при натискане на първия бутон в div тага да се появи един текст, а при натискане на втория - друг текст.
