В Angular 8 привязку кликов можно выполнить различными методами. Вот некоторые из часто используемых методов:
-
Привязка событий. Вы можете использовать привязку событий, чтобы привязать метод к событию щелчка элемента HTML. Например:
<button (click)="handleClick()">Click me</button>
В вашем классе компонента вы должны определить метод
handleClick()
для выполнения желаемого действия при нажатии кнопки. -
Ссылочная переменная шаблона. Вы также можете использовать ссылочную переменную шаблона для привязки к событию щелчка. Этот подход позволяет вам напрямую ссылаться на элемент HTML и получать доступ к его свойствам или методам. Например:
<button #myButton (click)="handleClick(myButton)">Click me</button>
В вашем классе компонента вы должны определить метод
handleClick()
, чтобы принять ссылочную переменную в качестве параметра и выполнить желаемое действие. -
ViewChild: Если вы хотите привязать событие щелчка определенного элемента в шаблоне вашего компонента, вы можете использовать декоратор
ViewChild
для доступа к элементу в вашем классе компонента. Например:<button #myButton>Click me</button>
@ViewChild('myButton') myButton: ElementRef; ngAfterViewInit() { this.myButton.nativeElement.addEventListener('click', this.handleClick); } handleClick() { // Perform the desired action }
В этом подходе вы используете
ViewChild
для доступа к элементу кнопки, а в хуке жизненного циклаngAfterViewInit
вы привязываете событиеclick
к методhandleClick
.
Это всего лишь несколько методов привязки кликов в Angular 8. Подходящий метод зависит от вашего конкретного варианта использования и структуры приложения.