在Angular 6中,可以使用Angular Renderer2来添加和删除类。以下是一个示例代码,演示如何使用Renderer2来添加和删除类:
import { Component, Renderer2 } from '@angular/core';
@Component({
selector: 'app-example',
template: ''
})
export class ExampleComponent {
constructor(private renderer: Renderer2) { }
}
import { Component, Renderer2, ViewChild, ElementRef, AfterViewInit } from '@angular/core';
@Component({
selector: 'app-example',
template: ''
})
export class ExampleComponent implements AfterViewInit {
@ViewChild('myDiv') myDiv: ElementRef;
constructor(private renderer: Renderer2) { }
ngAfterViewInit() {
const divElement = this.myDiv.nativeElement;
// 添加类
this.renderer.addClass(divElement, 'my-class');
// 删除类
this.renderer.removeClass(divElement, 'my-class');
}
}
在上面的代码中,我们首先使用@ViewChild装饰器获取到了模板中的
这是使用Angular Renderer2来添加和删除类的基本示例。你可以根据自己的需求来调整代码。