如何获取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