Mat输入到值属性的两种方式绑定不起作用

时间:2018-10-02 20:04:52

标签: angular angular6

我已经创建了Mat Input控件,并将其value属性与控制器上的属性进行了2种方式的绑定,但是当我输入输入时,绑定的属性不会更新。

堆栈闪电链接: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>

为什么绑定的属性不更新?

1 个答案:

答案 0 :(得分:3)

使用[(ngModel)]代替[(value)](有关演示,请参见this stackblitz)。

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

This article解释了如何结合使用[value](input)获得等效行为。