ngIf 检查元素上是否存在类

Question

有没有办法使用 *ngIf 来检查元素是否具有某个类？我尝试使用

<img *ngIf="[class.imgView]" class="imgView" src="..">

抛出错误无法读取未定义的属性 imgView。

有什么办法可以用角度来实现吗？

Answer 1

创建一个函数，如果某个布尔值为 true，则返回您需要的类：

returnClass = true;
getClass() {
    if(this.returnClass) {
        return "myView";
    } else {
        return "";
    }
}

并改变你的看法：

<img *ngIf="returnClass" [ngClass]="getClass()" src="..">

现在，如果returnClass为真，您就知道您img将拥有所需的课程，因此您可以returnClass进入*ngIf

您还可以通过以下方式删除该类：this.returnClass = false这也会隐藏该元素。

这对于许多课程来说会变得乏味，但对于少数课程来说是合理的。