如何在Angular指令中获取元素的当前类

Question

我必须做出一个Angular 7指令，在这里我可以从元素（ElementRef）切换（添加/删除）一个类。当类不在元素中时，将其添加，而在元素中将其删除时。

我知道如何添加/删除类...但是如何获取元素的当前类？ ...以便我可以检查是否必须添加或删除

Answer 1

要获取元素的当前类，可以执行以下操作：

    const elementRef: ElementRef;
    const classes = elementRef.nativeElement.classList;
    if (classes.contains('your class')
    {
       // do something
    }

Answer 2

您可以在指令构造函数中注入ElementRef并使用

访问对其应用了指令的元素的类。

this._el.nativeElement.getAttribute('class')

在this._el是注入的ElementRef的地方。

在此处查看示例：

https://stackblitz.com/edit/angular-bo6xtg