Нажмите «Привязка» в Angular 8: привязка событий, ссылочная переменная шаблона, ViewChild.

В Angular 8 привязку кликов можно выполнить различными методами. Вот некоторые из часто используемых методов:

  1. Привязка событий. Вы можете использовать привязку событий, чтобы привязать метод к событию щелчка элемента HTML. Например:

    <button (click)="handleClick()">Click me</button>

    В вашем классе компонента вы должны определить метод handleClick()для выполнения желаемого действия при нажатии кнопки.

  2. Ссылочная переменная шаблона. Вы также можете использовать ссылочную переменную шаблона для привязки к событию щелчка. Этот подход позволяет вам напрямую ссылаться на элемент HTML и получать доступ к его свойствам или методам. Например:

    <button #myButton (click)="handleClick(myButton)">Click me</button>

    В вашем классе компонента вы должны определить метод handleClick(), чтобы принять ссылочную переменную в качестве параметра и выполнить желаемое действие.

  3. 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. Подходящий метод зависит от вашего конкретного варианта использования и структуры приложения.