Angular - двусторонняя привязка данных matInput не работает

Question

В моем шаблоне ...

<input matInput placeholder="Amount" [(value)]="amount">

В моем компоненте ...

class ExampleComponent implements OnInit {
    amount: number = 0;
    ...
}

Это не связывает.

Я также пробовал это в моем шаблоне ...

<input matInput placeholder="Amount" [(ngModel)]="amount">

, что приводит к следующей ошибке при компиляции ...

Невозможно привязать 'ngModel', так как он не известен свойство input.

Answer 1

<input matInput placeholder="Amount" [(ngModel)]="amount">

Выше приведен правильный оператор для двухсторонней привязки данных. Вам необходимо импортировать FormsModule в app.module.ts

После импорта включите FormsModule в массив импорта декоратора NgModule.

Здесь вы можете найти рабочий стек: *