Question

因此，在父组件中，我正在运行*ngFor循环。并显示*ngFor循环中的子组件。但是，当我单击子组件中的某个值时，我想获取与clicked元素相关的数据。

组件：- featureLayers.html

<div *ngFor="let featureLayer of featureLayers">
   <feature-layer [featureLayer]="featureLayer"></feature-layer>
</div>

组件：- featureLayer.html

<div class='feature-layer'>
  <p> {{featureLayer?.title}}</p>
  <img class="thumbnail-featurelayer-img" [src]="imageSrc" alt="featureLayer thumbnail" />
  <button class="btn-on-img" (click)="getFeatureData($event);">{{'common.choose'| translate}}</button>
</div>

getFeatureData($event)应该向我返回与单击的图像有关的数据。我的意思是我应该获得标题和图像src

Answer 1

只需使用(click)="getFeatureData(featureLayer);"。回调与您在模板中传递的参数完全相同。您的情况是点击事件。我的代码将是featureLayer对象

Angular：从ngFor循环的选定索引中获取数据

1 个答案: