javascript - 在 Angular2/Typescript 中访问没有 ngModel 的输入字段值

Question

我在 Angular2 中使用 Typescript，就像在 Angular2 英雄之旅教程中一样。

我有一个输入字段，我想将 change 事件附加到该字段，以便在字段更改时可以执行一些自定义逻辑。我需要知道该字段的当前值才能执行逻辑，所以我不想将该字段与 ngModel 绑定(bind)，因为这会在我能够检索其之前的值之前覆盖该属性它被改变了。

所以我有类似的东西:

<input (change)="handleChange(myObj, $event)" value={{ myObj.myField }}... />

然后在handleChange中:

handleChange (obj: MyObjectClass, e: Event) {
  oldValue: number = obj.myField;
  newValue : number = parseInt(e.target.value);

  // Do some logic

  obj.myField = newValue;
}

虽然这在代码中工作正常，但 Typescript 编译器在 newValue : number = parseInt(e.target.value);

有更好的方法吗？

Answer 1

要对输入值进行验证，最好编写自定义验证器而不是尝试使用更改事件。也就是说，您可以像这样使用对输入的引用来传递输入值:

<input #myInput (change)="handleChange(myInput.value, $event)" value={{ myObj.myField }}... />