Проблема с привязкой события Angular

#angular

#angular

Вопрос:

Как передать значение, используя привязку события в angular. Например, я хочу выполнить, function('yes') если button 1 щелкнут, и, function('no') если button 2 щелкнут. Как заставить приведенный ниже код работать без использования полей ввода?

код:

 <button (click)="function('yes')"></button>
<button (click)="function('yes')"></button>
  

Комментарии:

1. Неясно, что вы имеете в виду. Называются ли функции ‘yes’ и ‘no’ ..?

2. Каков результат этого кода? Это должно сработать, если вы правильно напишете свой метод в своем component.ts .

3. Как вы сказали, если обе кнопки разные, то привяжите аналогичное событие нажатия к другой кнопке (click) = «функция (‘no’)» .

4. Что такое имена функций?

Ответ №1:

Вы можете просто добавить метод, который хотите вызывать при событии click, в свой файл typescript компонента:

 export class YourComponent {

  ...

  onClick(event) {
    // Handle the event
  }
}
  

И вы привязываете метод к своей кнопке:

 <button (click)="onClick('yes')"></button>
<button (click)="onClick('no')"></button>