Angular, 元素上有多个双重类会删除一个。
创始人
2024-10-21 02:00:10
0

在Angular中,如果一个元素上有多个双重类,并且你想删除其中一个类,可以使用Renderer2来实现。

首先,确保在组件类中引入Renderer2模块:

import { Component, Renderer2 } from '@angular/core';

然后,在组件类的构造函数中注入Renderer2

constructor(private renderer: Renderer2) {}

接下来,使用Renderer2.removeClass()方法来删除元素上的类。你可以通过元素的选择器或者直接引用元素来获取元素。

下面是一个示例,展示了如何删除一个元素上的双重类:

import { Component, Renderer2, ElementRef } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: `
` }) export class MyComponent { constructor(private renderer: Renderer2, private elementRef: ElementRef) {} removeClass() { const element = this.elementRef.nativeElement.querySelector('.class1.class2'); this.renderer.removeClass(element, 'class1'); } }

在这个示例中,我们通过ElementRef获取了myElement元素,并使用querySelector()方法选择了具有双重类class1class2的元素。然后,使用Renderer2.removeClass()方法删除了其中一个类class1

相关内容

热门资讯

总结透视!德州局怎么透视!本来... 总结透视!德州局怎么透视!本来有辅助神器(有挂细节)-哔哩哔哩1、下载好德州局怎么透视脚本下载之后点...
开挂透视!wejoker黑侠辅... 开挂透视!wejoker黑侠辅助器,cloudpoker作必弊,机巧教程(果真有挂)-哔哩哔哩wej...
解密透视!竞技联盟透视插件!原... 解密透视!竞技联盟透视插件!原来是有辅助教程(确实有挂)-哔哩哔哩竞技联盟透视插件破解侠是真的助透视...
解密透视!aapoker辅助软... 解密透视!aapoker辅助软件合法吗,aapoker辅助器是真的吗,机巧教程(有挂实锤)-哔哩哔哩...
推荐透视!哈糖大菠萝能开挂吗,... 推荐透视!哈糖大菠萝能开挂吗,pokerworld辅助器,方针教程(有挂教学)-哔哩哔哩1、每一步都...
解密透视!sohoo poke... 解密透视!sohoo poker辅助器!一直是真的有辅助神器(有挂教学)-哔哩哔哩1、下载好soho...
解谜透视!拱趴大菠萝万能挂!切... 解谜透视!拱趴大菠萝万能挂!切实有辅助工具(有挂规律)-哔哩哔哩在进入拱趴大菠萝万能挂软件靠谱后,参...
教你透视!aapoker怎么选... 教你透视!aapoker怎么选牌,德州局透视脚本免费版下载手机版,方式教程(存在有挂)-哔哩哔哩在进...
教你透视!大菠萝免费辅助器!好... 教你透视!大菠萝免费辅助器!好像是有辅助教程(真的有挂)-哔哩哔哩1、大菠萝免费辅助器辅助器安装包、...
开挂透视!steampoker... 开挂透视!steampokermaster辅助,红龙poker辅助器免费观看,妙计教程(果真有挂)-...