Как считать данные из input в angular 2?

Пользователь

от richie_mayert , в категории: JavaScript , 7 месяцев назад

Как считать данные из input в angular 2?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от bernardo_nolan , 7 месяцев назад

@richie_mayert 

В Angular 2, вы можете считывать данные из input с помощью директивы ngModel или через событие input.


Следующий пример показывает, как использовать директиву ngModel:

1
<input type="text" [(ngModel)]="name">


В этом примере, значение, введенное в input, привязывается к переменной name в компоненте Angular.


Чтобы считывать данные через событие input, вы можете использовать следующий код:

1
<input type="text" (input)="updateName($event)">


В этом примере, каждый раз, когда пользователь вводит текст в input, генерируется событие input, которое вызывает функцию updateName. Вы можете получить введенное значение через $event.target.value.

1
2
3
updateName(event) {
  this.name = event.target.value;
}