javascript - 如何在ionic 2 angular 2中的点击事件中获取按钮的id和name值

Question

我有一个按钮

<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 和 name。相反

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

谁能帮我找出我的错误？

Answer 1

您正在考虑 ionic 组分 ion-button成为一个基本的 html button 标签。

其实就是一个 Angular 分量。检查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