Angular anchor 标记单击元素 ID 未显示

Question

我正在尝试获取被点击的 anchor 元素的 ID。这是我的 HTML:

 <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>

点击函数如下:

  selectBook(event){
      console.log(event.target.id)
  }

知道我在这里做错了什么吗？

Answer 1

你可以传书

(click)="selectBook(book)"