クリックしたアンカー要素のIDを取得しようとしています。アンカータグがクリックされた要素IDが表示されない
<div class="list-group col-md-4" *ngFor="let book of bookbook">
<a href="#" class="list-group-item" id={{book.id}} (click)="selectBook($event)">
<img src="{{book.image}}" alt="#">
<p><strong>Price: ${{book.price}} | {{book.id}}</strong></p>
<p>{{book.summary}}</p>
</a>
</div>
ここでクリック機能です:ここに私のHTMLです
selectBook(event){
console.log(event.target.id)
}
任意のアイデアは、私がここで間違ってやっていますか?
も参照してみてください。ありがとう!私はまだイベントオブジェクトを介してIDを取得することが機能していないことを知りたいですが。 – ZeroDarkThirty
'selectBook()'の中にブレークポイントを追加すると、イベントオブジェクトを調べることができます。 Angular docのその他の記事:https://angular.io/guide/user-input#get-user-input-from-the-event-object – stealththeninja
$イベントを渡すと、リストではなくMouseEventオブジェクト(タイプ 'click')が渡されます。オブジェクト –