Javascript 角度4中的受控输入组件

Javascript 角度4中的受控输入组件,javascript,angular,Javascript,Angular,在angular 4中,是否有任何方法可以仅通过更改处理程序来控制输入值 我希望实现与React相同的行为 我的最后一个用例是将输入状态保持在发出状态更改的存储中的组件之外。您可以使用输入元素的maxlength属性 <input type="text" [ngModel]="value" maxlength="3"> 一种方法是完全不使用ngForms,直接使用输入字段: <input type="text" [value]="value" (keydown)="onCha

在angular 4中,是否有任何方法可以仅通过更改处理程序来控制输入值

我希望实现与React相同的行为


我的最后一个用例是将输入状态保持在发出状态更改的存储中的组件之外。

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

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

一种方法是完全不使用ngForms,直接使用输入字段:

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

通过这种方式,您可以完全控制—但级别相当低—您必须始终逐键手动构建您的值。

有多种方法可以实现此目的:验证器、自定义指令或事件处理—例如,我的用例不是验证,我希望将输入状态存储在component@JBNizet我的用例不是验证。我想从外部保持和控制输入状态component@JBNizet也许这个例子有点误导。我希望实现与React的
受控组件相同的行为
@jbnize如果您不是5岁,您可以阅读,请按照问题中的链接进行操作。我也删除了这个例子,因为它有点误导。这个解决方案几乎就是它。如前所述,这是一个低级别,您必须处理退格、移位等。
  onChange(e) {
    e.preventDefault();
    this.value = e.key;
  }