如何获得按钮单击时的当前* ngFor值？

Question

我一直在尝试获取用户单击了头像图像的数据项的data.login。 HTML代码如下。 我尝试了所有可以在网络上进行的操作，但是无法正常工作。 如何获取当前数据。登录到相应的.TS文件。

代码：

<ul *ngFor="let data of uarr" class="list-unstyled" >
    <li>
          <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
              <a routerLink="/" >
                <img class="github-avatar" src="{{data.avatar_url}}" >
              </a>
              <div class="caption">
                <h3 class="text-center">{{ data.login }}</h3>
              </div>

            </div>
          </div>
    </li>

谢谢。

Answer 1

使用点击事件

<ul *ngFor="let data of uarr" class="list-unstyled"  >
    <li>
          <div class="col-sm-6 col-md-3">
            <div class="thumbnail" (click)="onClick(data.login)">
              <a routerLink="/" >
                <img class="github-avatar" src="{{data.avatar_url}}" >
              </a>
              <div class="caption">
                <h3 class="text-center">{{ data.login }}</h3>
              </div>

            </div>
          </div>
    </li>

TS

onClick(login){
console.log(login);
}