angular - 角打字稿 $event.target.value

Question

我正在尝试阅读 Adam Freeman 角度书，但许多示例都不起作用，我想是由于自编写以来的新变化。

我遇到的问题是由于打字稿不喜欢 event.target，以下模板不起作用

<input type="text" class="form-control" (input)="selectedProduct=$event.target.value">

selectedProduct 在模板组件中声明，如下所示（

export class ProductComponent {
    selectedProduct: string = "";
}

然后我通过将其转换为 HTMLTextAreaElement 进行了尝试，但随后它说可能未定义

我也试过了！

如果有人能解释我是如何让它工作的，那就太好了，因为它看起来就像拔牙一样，干杯。

标签： angulartypescript

Answer 1

使用 $any()类型转换函数。

尝试这个：

  <input type="text"  class="form-control" (input)="selectedProduct=$any($event).target.value">