Angular - 改变 *ngFor 中除了被点击的元素之外的所有元素的类
创始人
2024-10-14 16:30:52
0次

要改变*ngFor中除了被点击的元素之外的所有元素的类，可以使用以下解决方法：

  1. 在组件中创建一个变量来存储被点击的元素的索引或标识符。
  2. 在*ngFor中使用ngClass指令来动态添加类。
  3. 使用ngClass指令的条件表达式来判断是否应该应用特定的类。

以下是一个示例代码：

在组件中定义一个变量来存储被点击的元素的索引：

selectedItemIndex: number;

在模板中使用*ngFor来遍历元素列表，并使用ngClass指令来动态添加类：


  {{ item }}

在组件中定义一个方法来处理元素的点击事件，并更新selectedItemIndex的值：

selectItem(index: number) {
  this.selectedItemIndex = index;
}

在上述示例中，当点击一个元素时，它将被添加一个名为"selected"的类，而其他元素将被添加一个名为"otherClass"的类。你可以根据需要修改这些类的名称和样式。

上一篇：Angular - 辅助路由与惰性加载

下一篇：Angular - 改变两个字段的数据

相关内容

热门资讯

重大通报！wpk透视插件，德普... 重大通报！wpk透视插件，德普之星透视辅助，必胜教程（有挂攻略）；亲真的是有正版授权，小编（透视辅助...
攻略讲解！安装不了wepoke... 攻略讲解！安装不了wepoker，wepoker插件功能辅助器，必胜教程（有挂技巧）是一款可以让一直...
专业讨论！wepoker免费透... 专业讨论！wepoker免费透视，pokermaster辅助器，我来教教你（有挂透明）准备好在pok...
分享一款！aapoker透视脚... 分享一款！aapoker透视脚本入口，wepoker有没有透视方法，分享教程（有挂神器）；支持多人共...
重大发现！wepoker辅助器... 此外，数据分析德州(aapoker安装包怎么使用)辅助神器app还具备辅助透视行为开挂功能，通过对客...
2024教程！sohoo po... 1、2024教程！sohoo poker辅助器，wepokerplus辅助，解密教程（有挂方法）。2...
玩家必看教程！悦扑克脚本，aa... 玩家必看教程！悦扑克脚本，aapoker插件，新2025版（有挂技巧）1、许多玩家不知道悦扑克脚本辅...
一分钟揭秘！wepokerpl... 一分钟揭秘！wepokerplus辅助，hhpoker德州透视挂，透明挂教程（有挂透视）；致您一封信...
推荐一款！hhpoker有没有... 推荐一款！hhpoker有没有外挂，佛手在线大菠萝智能辅助器，解说技巧（有挂辅助）；亲真的是有正版授...
必备科技！hhpoker免费透... 《必备科技！hhpoker免费透视脚本，wepoker辅助器软件下载，安装教程（有挂辅助）》 wep...