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

，如果它包含破折號您必須引用類名問題）不得包含破折號。