Javascript 如何检测选择/单击了哪个属性

我正在尝试检测从ngFor中选择/单击的属性，它来自restapi

我想从其他属性中选择哪个属性（broker.username）

<div class="list-group">
    <ul *ngFor="let broker of brokers">
        <li class="broker_list"> <a href="#" class="list-group-item list-group-item-action" style="text-align: center;">{{broker.username}}</a></li>
    </ul>

</div>

---

在方法中直接传递代理，如下所示

<div class="list-group">
     <ul *ngFor="let broker of brokers">
          <li class="broker_list"> <a href="#" (click)="setBroker(broker)" class="list-group-item list-group-item-action" style="text-align: center;">{{broker.username}}</a></li> 
     </ul>
</div>

有几种方法，其中之一就是这样做

1） 在

a

标记上添加单击处理程序：

<div class="list-group">
          <ul *ngFor="let broker of brokers">
              <li class="broker_list"> <a href="#" (click)="selected(broker.username)" class="list-group-item list-group-item-action" style="text-align: center;">{{broker.username}}</a></li> 
            </ul>

  </div>

---

您必须在上使用事件处理程序，如下所示：

<div class="list-group">
    <ul *ngFor="let broker of brokers">
        <li class="broker_list">
            <a (click)="onSelect(broker)" href="#" class="list-group-item list-group-item-action" style="text-align: center;"> {{ broker.username }}</a>
        </li> 
    </ul>

</div>

您可以添加一个（单击）属性来调用函数，该函数将代理作为参数。然后，您可以访问该代理的用户名

<a href="#" (click)="handleBrokerClicked(broker)" class="list-group-item list-group-item-action" style="text-align: center;">{{broker.username}}</a>

---

a标记应该能够知道当前代理是什么，因为它位于*ngFor内。

您所说的“选中”是什么意思？用户单击了哪个项目？是的，在其他项目中单击了哪个项目

<div class="list-group">
    <ul *ngFor="let broker of brokers">
        <li class="broker_list">
            <a (click)="onSelect(broker)" href="#" class="list-group-item list-group-item-action" style="text-align: center;"> {{ broker.username }}</a>
        </li> 
    </ul>

</div>

@Component({ })
class XYZ {
    // ... some code

    public onSelect(broker) {
        // Do what you need with broker?
    }
}

<a href="#" (click)="handleBrokerClicked(broker)" class="list-group-item list-group-item-action" style="text-align: center;">{{broker.username}}</a>