Угловое значение ngModel отображается, но оно пустое

Question

ngModel показано значение.Но это все еще пусто, поскольку требуется, чтобы проверить обнаруживает, поскольку это пусто. Работает, когда я добавляю пустой пробел и после значения.

Код для получения имени

<div (click)="getName(item.name)"></div>
<input matInput [(ngModel)]="data.name" value="{{name}}">

Component.ts

name: string;
data: Data

getName(nm) {
 this.name = nm;
}

Answer 1

Что такое data.name, которое связано с ngModel?

Я думаю, вам не нужно использовать атрибут значения. Привязать переменную компонента name к ngModel, как показано ниже

<div (click)="getName('hello')">Click</div>

<input matInput [(ngModel)]="name"> {{name}}

В вашем компоненте,

name: string;

getName(nm) {
 this.name = nm;
}

Нажмите кнопку, и вы увидите, что вход получает значение 'привет'

Answer 2

[(ngModel)] удалено из anguler 7, лучше использовать formcontrall https://next.angular.io/api/forms/FormControlName#use-with-ngmodel

Answer 3

Я думаю, этого достаточно

<input matInput [(ngModel)]="name">

Вы не должны использовать оба свойства [(ngModel)] и value вместе.Поскольку [] из [(ngModel)] уже определяют значение входа.Таким образом, вы можете использовать (ngModel) и value / [value] / [(ngModel)]