同一ngClass中的角度条件和cssclass

Question

我需要在同一个＆＃34; ngClass＆＃34;中使用条件和类。有什么可能吗？

[ngClass]="{cssclass1 : object.cssclass1status , object.cssclass2}"

粗体部分是条件，斜体部分是可以更改的CSS类。我已单独使用此选项，如

conditional [ngClass]="{cssclass1 : object.cssclass1status}"

object.cssclass1status : Boolean

classes [ngClass]="object.cssclass2"

object.cssclass2 : string

Answer 1

您必须将对象传递给方法，并让该方法构建ngClass的对象语法。例如

// component.html
<div [ngClass]="getClasses(object)">...</div>

// component.ts
getClasses(obj){
    let classes = {
        'cssclass1': obj.cssclass1status // determine true/false of class one
    };

    classes[obj.cssclass2] = true; // set class name and set to true
    return classes;
}

这是一个stackblitz演示。

Answer 2

尝试这样：

<div [ngClass]="(object.cssclass1status && object.cssclass2=='stringVal') ? 'cssclass1' : ''"></div>