ngClass non funziona?

Question

Sono nuovo di AngularJS e capisco che la direttiva ngClass può essere utilizzato per inserire le classi in modo dinamico in elementi come:

<input ng-class="{some-class: condition, another-class: anotherCondition}"> 

E angolare valuterà automaticamente quali condizioni sono vere e inserirà quelle classi particolari nell'elemento .

Ora sto cercando di fare qualcosa di simile:

<div class="form-group" ng-class="{has-success: form.email.$valid}"> 

Dal momento che ho bootstrap, si colorerà automaticamente l'etichetta e l'ingresso verde se l'email è valido. Ma non funziona e sto ottenendo questo errore particolare nella console:

Error: [$parse:syntax] http://errors.angularjs.org/1.2.27/$parse/syntax?p0=-&p1=is%20unexpected%2C%20expecting%20%5B%3A%5D&p2=5&p3=%7Bhas-success%3A%20form.email.%24valid%7D&p4=-success%3A%20form.email.%24valid%7D 
z/<@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.27/angular.min.js:6:450 

e così via ....

Che cosa sto facendo di sbagliato? È un problema di sintassi?

Answer 1

C'è un trattino nel nome della classe, quindi utilizzare le virgolette singole!

ng-class="{'has-success': form.email.$valid}" 

Answer 2

è chiaramente un errore del parser, avete sintassi non valida a causa della presenza di - in nome della proprietà @{has-success: form.email.$valid}. Avresti bisogno di avvolgerli tra virgolette.

Prova: -

<div class="form-group" ng-class="{'has-success': form.email.$valid}">