語(yǔ)法：

<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，監(jiān)聽(tīng)li元素的點(diǎn)擊事件。當(dāng)用戶點(diǎn)擊li時(shí)，Angular執(zhí)行onSelect(hero).

新建一個(gè)property selectedHero, 用于存儲(chǔ)選中的hero：

測(cè)試效果：

要獲取更多Jerry的原創(chuàng)文章，請(qǐng)關(guān)注公眾號(hào)"汪子熙":

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。