Как из html тега вытащить текст в переменную angular 6?

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

от willis.streich , в категории: JavaScript , 4 месяца назад

Как из html тега вытащить текст в переменную angular 6?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от hobart.rath , 3 месяца назад

@willis.streich 

В Angular 6 можно использовать двустороннюю привязку данных с помощью атрибута [(ngModel)]. Для получения текста из html тега и присвоения его переменной в компоненте можно использовать следующий подход:

  1. В компоненте создайте переменную, в которую будете сохранять текст. Например:
1
2
3
export class MyComponent {
  myText: string;
}


  1. В шаблоне компонента добавьте элемент ввода текста и свяжите его с переменной myText с помощью атрибута [(ngModel)]:
1
<input [(ngModel)]="myText" type="text">


Теперь любое изменение текста в этом элементе ввода будет автоматически отражаться в переменной myText в компоненте. Вы можете использовать эту переменную в дальнейшем для получения текста из html тега и выполнения нужных операций.