angularjs纳克级不与引导

Question

这段代码

<div ng-class="{alert: true, alert-success: geocode.success, alert-danger: !geocode.success}">{{geocode.status}}</div> 

正常工作遇到错误

Syntax Error: Token '-' is at column {2} of the expression [{3}] starting at [{4}]. 

但是，如果我的代码更新到

<div ng-class="{alert: true, green: geocode.success, red: !geocode.success}">{{geocode.status}}</div> 

它的工作原理。

ng-class不喜欢css名字- like alert-dangeralert-success？

<div ng-class="{'alert': true, 'alert-success': geocode.success, 'alert-danger': !geocode.success}">{{geocode.status}}</div> 

这是因为纳克级采用JavaScript对象作为它的值和对象的键（或任何JavaScript标识符为：

感谢

Answer 1

，如果它包含破折号您必须引用类名问题）不得包含破折号。