Angular ngClass多个三元运算符条件

Question

在angular的ngClass指令中放置超过1个三元条件类的最佳方式是什么？其中值是类名？

我试着对这个有一些变化，但我总是得到一个编译错误：

ng-class="$index > 2 ? 'l3 m4 s12 medium' : 'l4 m6 s12 medium', true ? 'red':'blue'

ng-class="{$index > 2 ? 'l3 m4 s12 medium' : 'l4 m6 s12 medium', true ? 'red':'blue'}

Answer 1

我对纳克级的首选语法如下，因为它是明确你正在添加哪些类。

ng-class={ 'className' : yourConditionHere, 'class2' : anotherConditionHere } 

试试看。

Answer 2

虽然我完全了​​解明确显示你的类名@SamuelMS同意...

如果你真的想使用多个三元运算符（或只是好奇），你可以这样做是这样的：

ng-class="($index > 2 ? 'l3 m4 s12 medium' : 'l4 m6 s12 medium') + ' ' + (true ? 'red' : 'blue')"