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

发布时间：2020-12-17 17:16:56 所属栏目：安全来源：网络整理

导读：有没有办法使用* ngIf检查元素是否具有某些类？我试过用 img *ngIf="[class.imgView]" class="imgView" src=".." 抛出错误无法读取属性imgView的undefined. 有没有办法如何用角度来实现这一目标？解决方法如果某个布尔值为true,则创建一个返回所需类的函数

有没有办法使用* 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,它也会隐藏元素.

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!