时间戳

首页 > 解决方案 > Angular 6 - 文本字段更改事件没有数据

javascript - Angular 6 - 文本字段更改事件没有数据

问题描述

我正在 Angular 6 应用程序中开发新页面。我试图从“更改”事件中获取当前输入的值将被触发。

我的问题是：输入的更改事件没有数据，它只有“isTrusted”参数！

当我试图获取任何其他参数（即 event.value、event.target ......等）时，它给了我未定义的信息。

组件 HTML 模板和功能：

 <div *ngFor="let items of item>
      <input type="text" id="{{item.id}}" (change)="dummyFunc($event)">
</div>

=======

dummyFunc(eve){
  console.log("dummy change .. "+JSON.stringify(eve));
}

dummyFunc 的输出是：

虚拟更改 .. {"isTrusted":true}

我使用了更改和输入事件，但它给了我相同的结果。$event 对象是否仅包含“isTrusted”并且没有任何其他详细信息或者我做错了什么？

标签： javascriptangular6

解决方案

你需要使用$event.target.value

像这样：

 <div *ngFor="let items of item>
      <input type="text" id="{{item.id}}" (change)="dummyFunc($event.target.value)">
</div>

推荐阅读