Как изменить дочернее событие клика на родительский div в angular2 / 4

Question

я работаю над дизайном базового интерфейса для плиток, используя angular2, события щелчка имени и изображения тайла извлекают подробности из базы данных. Теперь я пытаюсь получить подробности, когда нажимаю на статью 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>

Answer 1

шаблон

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

компонент

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