时间戳

首页 > 解决方案 > 如何通过 ID Angular 查看数组元素

angular - 如何通过 ID Angular 查看数组元素

问题描述

我已经创建了一个数组并显示在主页组件中，现在我想当我单击其中一个图像时，我想在项目详细信息组件上获取该元素的详细信息，该怎么做？谢谢你！

主页组件视图

主页组件代码

按钮点击

<a (click)="viewItem(i)" class="btn btn-block btn-primary">More Details</a>

标签： angular

解决方案

您需要在分配时分配索引，*ngFor以便将其传递给您的点击处理程序。

假设这里有一些标记......

<div *ngFor="let car of cars; let i = index">
  ...
  <a (click)="viewItem(i)" class="btn btn-block btn-primary">More Details</a>
</div>

然后您可以通过索引访问数组中的项目。

推荐阅读