在Angular中,ngFor是一个结构指令,用于循环遍历一个集合并为每个元素生成相应的HTML代码。要在ngFor中亮显选定图元,可以使用ngClass指令来动态添加CSS类。
以下是一个示例代码:
<ul>
<li *ngFor="let item of items" [ngClass]="{'selected': item.isSelected}">
{{ item.name }}
</li>
</ul>
在上面的代码中,我们使用*ngFor循环遍历一个名为items的集合,并为每个元素生成一个li元素。通过[item.isSelected]绑定ngClass指令,我们可以根据item对象的isSelected属性来动态添加CSS类。如果isSelected为true,则添加selected类,从而实现亮显选定图元的效果。
在这个例子中,我们假设item对象具有name和isSelected属性。你可以根据实际情况进行调整。
推荐的腾讯云相关产品和产品介绍链接地址:
请注意,以上推荐的腾讯云产品仅供参考,具体选择应根据实际需求和情况进行评估。
领取专属 10元无门槛券
手把手带您无忧上云