Получить значение входа с помощью (фокус) - PullRequest
Новая
       10

Получить значение входа с помощью (фокус)

0 голосов
/ 22 марта 2019

Мой ввод выглядит так:

.html 

<mat-form-field>
 <input matInput placeholder="A blablabla" required
        (focus)="focusIn($event)" (focusout)="focusOut($event)"
        [(ngModel)]="A.txt1" (ngModelChange)="onChange()"
        (keypress)="numberOnlyMin($event)">
</mat-form-field>

Мои методы:

.ts 

focusIn(event: FocusEvent) {
  console.log(event.detail);

} 

focusOut(event: FocusEvent) {
  console.log(event.detail);

}

По сути, я хочу получить значение моего ввода сразу после того, как я закончу писать, поэтому я использую focusOut. Однако я получаю 0 все время, есть ли причина, почему? А как передать данные между этими двумя фокусами?

Спасибо!

Ответы [ 2 ]

1 голос
/ 22 марта 2019

Вы ищете метод размытия.

Использование в компоненте: 

  onBlur($event) {
    console.log($event.target.value);
  }

Использование в разметке 

<input type="text" (blur)="onBlur($event)" >
1 голос
/ 22 марта 2019

Почему бы вам не использовать событие (change) вместо

Это сработает только после того, как вы сфокусировались на входе и изменилось значение на входе. Так что вам не обязательно слушать все эти другие события.

Вот Рабочий образец StackBlitz для вашей ссылки.

...