angular - Mat Input 两种方式绑定(bind)到值属性不起作用

Question

我已经创建了一个 Mat Input 控件，并将它的 value 属性与我的 Controller 上的一个属性进行了 2 路绑定(bind)，但是当我输入输入时，绑定(bind)的属性没有更新。

堆栈 Blitz 链接:https://stackblitz.com/edit/angular-7ojsjo

<div class="example-container">
  <mat-form-field>
    <input matInput placeholder="Input" [(value)]="currentValue">
  </mat-form-field>

  <h1>{{currentValue}}</h1>
</div>

为什么绑定(bind)的属性没有更新？

Answer 1

使用[(ngModel)]而不是 [(value)] (见 this stackblitz 的演示)。

<input matInput placeholder="Input" [(ngModel)]="currentValue">

This article解释了如何通过 [value] 的组合获得等效行为和 (input) .