如何在angular2/4中将子点击事件更改为父div答案

【问题标题】：How to change child click event to parent div in angular2/4如何在angular2/4中将子点击事件更改为父div
【发布时间】：2018-06-07 01:31:06
【问题描述】：

我正在使用 angular2 进行磁贴基础界面设计，磁贴名称和图像点击事件正在从 db 中获取详细信息。现在我正在尝试在单击文章 div 时获取详细信息。请检查我的代码

<ng-container *ngFor="let item of itemdetails;">
<div class="col-md-3 col-sm-6 col-xs-12">             
<article class="col-item">
<figure class="photo">                    
<a [routerLink]="['/productdetails',item.ItemID]">                           
<img [src]="item.ItemImage1" class="img-responsive center-block" alt="Product Image" />
</a>
</figure>
<div class="info">
<div class="row" style="margin:0px;">
<div class="ItemDetails ellipseArea">                         
<a [routerLink]="['/productdetails',item.ItemID]">
<span class="Subtext">{{item.ItemDescription}}</span>
</a>
</div>
</div>
</div>
</article>
</div> <!--col ends-->
</ng-container>

【问题讨论】：

您能否提供一些有关您遇到的具体问题的信息？您的点击事件是否未触发 - 您是否看到任何错误消息。缩小范围将有助于您的问题得到更好的答案..
@Anton v B 感谢您的重播。实际上，上面的代码与标签点击事件完美配合。我正在尝试将点击事件更改为整个 div（文章 div 的点击事件）请给我反馈。

标签： html css angular angular2-routing angular2-template

【解决方案1】：

模板

<article class="col-item" (click)="fetchDetails(item)">

组件

fetchDetails( _item ) {
    this._http.(...)
}

【讨论】：

感谢您的回复
。可以这样吗？
是的，但是你不是说“获取数据”，而是导航到不同的链接:)。否则，没关系。