angular - ngIf 检查元素上是否存在类

Question

有什么方法可以使用 *ngIf 来检查元素是否具有某个类？我尝试使用

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

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

有什么办法可以用angular实现吗？

Answer 1

创建一个函数，如果某个 bool 值为真，则返回您需要的类:

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

并改变你的看法:

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

现在如果 returnClass 为真，您知道您的 img 将具有所需的类，因此您可以将 returnClass 传递给 *ngIf

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

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