Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ngClass混合条件_Javascript_Angular_Typescript - Fatal编程技术网

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-这不会增加任何值,因此这将是乏味和多余的。我只是想指出这不是一个固有的限制。我同意这是不明智的。