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 с -alert-dangeralert-success?

БЛАГОДАРЯ

Answer 1

Вы должны указать имя класса, если он содержит дефис:

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

Это происходит потому, что нг-класс принимает объект JavaScript в качестве своего значения и ключей объекта (или любых идентификаторов JavaScript для этого вопрос) не должны содержать тире.