Angular 4中的受控输入组件

Question

有没有办法如何仅通过角度4中的更改处理程序来控制输入值？

我希望获得与React controlled components相同的行为。

我的最后一个用例是将输入状态保持在商店中发出状态变化的组件之外。

Answer 1

一种方法是根本不使用ngForms并直接使用输入字段：

<input type="text" [value]="value" (keydown)="onChange($event)" />

然后在你的组件中

  onChange(e) {
    e.preventDefault();
    this.value = e.key;
  }

通过这种方式你可以完全控制 - 但它的级别相当低 - 你必须始终按键手动建立你的价值。

Answer 2

您可以使用输入元素的maxlength属性

<input type="text" [ngModel]="value" maxlength="3">