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

前端之家收集整理的这篇文章主要介绍了angular – ngIf检查元素上是否存在类前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法使用* ngIf检查元素是否具有某些类?我试过用

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

抛出错误无法读取属性imgView的undefined.

有没有办法如何用角度来实现这一目标?

解决方法

如果某个布尔值为true,则创建一个返回所需类的函数

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

并改变你的观点:

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

现在如果returnClass为true,你知道你的img将拥有所需的类,所以你可以将returnClass传递给* ngIf

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

对于许多课程来说,这将变得乏味,但对于少数课程来说这将是合理的.

猜你在找的Angularjs相关文章