Angular 2是一种流行的前端开发框架,用于构建Web应用程序。它是Angular框架的第二个版本,具有许多改进和新功能。
*ngFor是Angular 2中的一个内置指令,用于在模板中循环遍历数组或集合。它允许我们根据数据动态生成HTML元素。
要将CSS应用于*ngFor数组中的选定项,可以使用ngClass指令。ngClass指令允许我们根据条件动态地添加或删除CSS类。
以下是一个示例代码,演示如何在*ngFor数组中的选定项上应用CSS:
<ul>
<li *ngFor="let item of items" [ngClass]="{'selected': item === selected}">
{{ item }}
</li>
</ul>
在上面的代码中,我们使用*ngFor指令循环遍历名为items的数组。对于每个数组项,我们使用ngClass指令来判断是否将CSS类"selected"应用于该项。如果当前项等于选定的项(在组件中定义的selected变量),则添加"selected"类。
通过这种方式,我们可以根据条件将CSS应用于*ngFor数组中的选定项。
对于Angular 2的更多信息和学习资源,您可以访问腾讯云的Angular 2产品介绍页面:Angular 2产品介绍
领取专属 10元无门槛券
手把手带您无忧上云