Javascript ngClass混合条件
我想实现以下内容-我想要两个预设类,它们由我设置的一些组件变量完成,工作正常,但我需要添加另一个 这就是我所拥有的,第一部分正在工作,对象部分不是:Javascript ngClass混合条件,javascript,angular,typescript,Javascript,Angular,Typescript,我想实现以下内容-我想要两个预设类,它们由我设置的一些组件变量完成,工作正常,但我需要添加另一个 这就是我所拥有的,第一部分正在工作,对象部分不是: [ngClass]=“['btn-'+按钮样式,'btn-'+按钮化,{'btn-rounded':isRounded}]” 其中,被调用是一个组件@Input() @Input()被传回:boolean=false 我的最终目标是: 好的您不能同时使用ngClass中的数组和对象(请参阅)。相反,您可以只使用class和ngClass的组合,或者
[ngClass]=“['btn-'+按钮样式,'btn-'+按钮化,{'btn-rounded':isRounded}]”
其中,被调用
是一个组件@Input()
@Input()被传回:boolean=false代码>
我的最终目标是:
好的
您不能同时使用ngClass
中的数组和对象(请参阅)。相反,您可以只使用class
和ngClass
的组合,或者使用三元条件
使用class
和ngClass
测试
在ngClass
中使用三元条件
测试
你可以做类似的事情
this.btnClassList={
[`btn-${this.buttonStyle}`]:true,
[`btn-${this.buttonize}`]:true,
[`btn rounded`]:this.isRounded,
}
和在模板中
三元条件对零件无影响。非常感谢。您可以创建一个接受嵌套数组和对象的指令,但这可能不是一个好主意。@AluanHaddad-这不会增加任何值,因此这将是乏味和多余的。我只是想指出这不是一个固有的限制。我同意这是不明智的。