【问题标题】:Angular 6 - text field change event has no dataAngular 6 - 文本字段更改事件没有数据
【发布时间】:2020-05-02 20:28:45
【问题描述】:

我正在 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”并且没有任何其他详细信息或者我做错了什么?

【问题讨论】:

标签: javascript angular6


【解决方案1】:

你需要使用$event.target.value

像这样:

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

【讨论】:

    猜你喜欢
    • 2014-07-29
    • 2019-02-16
    • 1970-01-01
    • 1970-01-01
    • 2019-03-30
    • 1970-01-01
    • 1970-01-01
    • 2023-04-06
    • 1970-01-01
    相关资源
    最近更新 更多