为什么特定的ng-class语法不起作用?

时间:2016-05-22 16:10:47

标签: angularjs ng-class

更新: 原始问题提示第4个示例(下方)不起作用。但是,这是正确的语法(为什么我的工作不起作用,我从来没有想过)。因此,即使这个问题不再有必要,我也会将其留作参考,因为它确实在一个方便的位置显示了角度ng-class的不同语法(另请注意语法3和4实际上是相同的)。此外,还有plunker demo

我正在使用AngularJS v1.5.0。我需要一个条件类设置,所以我从谷歌找到的东西开始(参见我上一次 NOT WORKING 示例)。当它不起作用时,我选择了其他方式,每个方法都有效。

所以我的问题是为什么我的最后一个例子不起作用?

WORKS

data-ng-class = "[ 'A' ,  my_array[0]=='b'?'B':'C' ]"

WORKS

data-ng-class = "[ 'A' , { 'b' : 'B' ,
                           'c' : 'C' ,
                           'd' : 'D' ,
                           'e' : 'E' ,
                           'f' : 'F'
                          }[my_array[0]]
                 ]"

WORKS

data-ng-class  = "[ 'A' , { 'B' : (my_array[0] == 'b') 
                          }
                  ]"

不工作(更新:这确实有用......但我将其留待参考)

data-ng-class  = "[ 'A' , { 'B' : (my_array[0] == 'b') ,
                            'C' : (my_array[0] == 'c') ,
                            'D' : (my_array[0] == 'd') ,
                            'E' : (my_array[0] == 'e') ,
                            'F' : (my_array[0] == 'f')
                          }
                  ]"

0 个答案:

没有答案