时间戳

首页 > 解决方案 > 将单击按钮的 ID 作为参数传递给函数（Angular 10.1.6）

javascript - 将单击按钮的 ID 作为参数传递给函数（Angular 10.1.6）

问题描述

我有一个带有设置 ID 的按钮，我需要将其作为参数传递。我试过这样做：

<span class="nav-link btn btn-white btn-animate" id="{{prov.provname}}" (click)="getProvCustomers(this.id)">{{prov.provname}}</span>

但它似乎没有工作。我试过搜索官方 Angular 文档，但没有成功。我觉得好像我在这里遗漏了一些明显的东西。

标签： javascriptangulartypescript

解决方案

在这里你可以尝试两种方式

  1. 如果您在模板中有 id 属性，

然后尝试this在id之前删除

<span class="nav-link btn btn-white btn-animate" id="{{prov.provname}}" (click)="getProvCustomers(id)">{{prov.provname}}</span>
  1. 假设您要将 id 设置为prov.provname

按照@Emilien 的建议，在 View 的方法参数中添加 prov.provname

<span class="nav-link btn btn-white btn-animate" id="{{prov.provname}}" (click)="getProvCustomers(prov.provname)">{{prov.provname}}</span>

推荐阅读