Angular list列表的事件响应实现

时间:2022-07-23
本文章向大家介绍Angular list列表的事件响应实现，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

语法：

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

测试效果：

随机文章
Javascript知识点必读
最近更新