語法：

<h2>My Heroes</h2> <ul class="heroes"><li *ngFor="let hero of heroes" (click)="onSelect(hero)"><span class="badge">{{hero.id}}</span> {{hero.name}}</li> </ul>

(click)告訴Angular，監聽li元素的點擊事件。當用戶點擊li時，Angular執行onSelect(hero).

新建一個property selectedHero, 用于存儲選中的hero：

測試效果：

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

總結

以上是生活随笔為你收集整理的Angular list列表的事件响应实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。