текстовое поле не работает в angular6

Я использую angular 6 и пытаюсь поместить текстовое поле в форму.

Это мой код до сих пор

<textarea rows="20" cols="50" id="mailtext" required [(ngModel)]="mailtext" name="mailtext" #mailtextvalidityMsg="ngModel" >Hi there</textarea>

Я вижу текстовую область в html, но текст «Привет» не отображается. Я не получаю никаких ошибок в моей консоли.

Если я удалю [(ngModel)]="mailtext" name="mailtext" #mailtextvalidityMsg="ngModel", это сработает.

Это происходит только для текстового поля. Для других полей той же формы, таких как input type="email", проблем нет.

Что мне не хватает?

Спасибо

РЕДАКТИРОВАТЬ

Я забыл упомянуть, что хочу иметь разрывы строк и ссылку в текстовой области, что-то вроде

Hi there , 

this is the code you have to use 

Click here

Я хочу, чтобы были разрывы строк, а Click here должна быть ссылкой

If I do

mailtext:any;
this.mailtext = 'Hi there,'+<br>+'this is the code you have to use';

я получаю Hi there,NaN

Спасибо


person slevin    schedule 08.07.2018    source источник
comment
Вероятно, он заменяется привязкой ngModel во время выполнения. Если вы хотите иметь значение по умолчанию, просто установите this.mailtext = 'Hi there' в компоненте   -  person user184994    schedule 08.07.2018
comment
@ user184994 Отличный улов. Превратите это в обычный ответ, чтобы я мог установить его как принятый на   -  person slevin    schedule 08.07.2018


Ответы (1)


Вероятно, он заменяется привязкой ngModel во время выполнения.

Если вы хотите иметь значение по умолчанию, просто установите this.mailtext = 'Hi there' в компоненте

person user184994    schedule 08.07.2018
comment
Я забыл упомянуть, что хочу иметь разрывы строк и ссылки внутри текстового поля. Как мне это сделать, установив значение в компоненте? Спасибо еще раз - person slevin; 08.07.2018
comment
@slevin Разрывы строк должны работать с \n в строке, поэтому A\nB будет отображать B в новой строке. С другой стороны, я не думаю, что ссылки будут возможны внутри текстового поля. - person user184994; 08.07.2018