javascript – 如何在离子2角度2中的点击事件上获取按钮的ID和名称值

我有一个按钮

<button ion-button icon-left name="0x10000011 (click)="AppService.sendNotify($event)" id="0x10000011" value=1>
  <ion-icon name="camera"></ion-icon>
  CAM Icon
</button>

当我点击它时,我想在我的服务sendNotify函数中获取id属性.

public sendNotify(data) {
  var method = 'SCAN_BUTTON';
  var name = data.target.name;
  var id = data.target.id;
  var value = data.target.value - 0;
  console.log("#$#$%$%^$%^#$%^#$%",method, name, value);
}

在这里,我没有得到按钮ID和名称.代替

#$#$%$%^$%^#$%^#$% SCAN_BUTTON undefined NaN.

谁能帮我找到我的错误?

解决方法:

您正在考虑将离子组件ion-button作为基本的html按钮标签.

它实际上是一个角度分量.检查here.

它的内部html看起来像:

<span class="button-inner">
  <ng-content></ng-content>
</span>
<div class="button-effect"></div>

根据您单击按钮的位置,它会根据事件发送标签的ID和名称.点击区域可以是按钮标签或跨度.

您应该只是将值作为参数发送.

<button ion-button icon-left name="0x10000011" (click)="AppService.sendNotify($event,'0x10000011','0x10000011')" id="0x10000011" value=1>
  <ion-icon name="camera"></ion-icon>
  CAM Icon
</button>

A plunker to try

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐