如何在按钮单击时获取当前 *ngFor 值？

Posted 2023-03-07

【中文标题】如何在按钮单击时获取当前 *ngFor 值？

【英文标题】：How to get the current *ngFor value on Button click?

【发布时间】：2019-01-18 20:36:56

【问题描述】：

我一直在尝试获取用户单击头像图像的数据项的 data.login。 html 代码如下。 我在网络上尽我所能，但无法使其工作。 如何获取当前data.login到对应的.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>

谢谢。

【参考方案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);

【讨论】：

谢谢，正是我想要的。