ионный ввод по щелчку в ионном 4 угловом 6

Question

У меня есть вид с ионным входом внутри формы:

      <form class="inputs-in-block" [formGroup]="userForm">
        <ion-input type="text" placeholder="Username" (click)='onClickFuntion($event)'></ion-input>
      </form>

Я хочу перехватить событие onClick после его запуска, но мне не удается этого добиться, потому что после нажатия на вход, onClickFunction($event) не вызывается. Это определение функции:

onClickFunction(event) {
  console.log('Event caught');
} 

Я пробовал без события, и оно тоже не работает.

Доступно ли событие click для s в последней версии? Любая идея, чтобы решить это?

Answer 1

Я думаю, что это опечатка:

У вас в шаблоне:

(click)='onClickFuntion($event)'

Но в вашем файле TS:

onClickFunction(event) {
  console.log('Event caught');
} 

onClickFuntion <-> onClickFunction ... см. "C"

Answer 2

Я думаю, вы должны использовать ionClick, чтобы вызвать событие клика.

Ваш код должен работать, если вы сделаете следующие изменения

<form class="inputs-in-block" [formGroup]="userForm">
        <ion-input type="text" placeholder="Username" (ionClick)='onClickFuntion($event)'></ion-input>
      </form>

Answer 3

Вам также нужно будет отправить его с template. Это отсутствует в вашем шаблоне. (click)='onClickFuntion($event)

<ion-input 
  type="text" 
  placeholder="Username" 
  (click)='onClickFuntion($event)'>
</ion-input>