2015-01-15 22 views
15

Ben angularjs için yeni ve ngClass yönergesi dinamik gibi unsurları içine sınıfları eklemek için kullanılabilir anlıyoruz: otomatik doğruysa ve eleman söz konusu belirli sınıfları ekler hangi koşullar değerlendirecekngClass çalışmıyor?

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

Ve açısal . Ben önyükleme olduğundan e-posta geçerli olup olmadığını

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

, otomatik etiket ve yeşil girişi renklendirecek:

Şimdi böyle bir şey yapmak çalışıyorum. Yanlış yapıyorum ....

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 

ve benzeri: Ama çalışmıyor ve ben konsolda bu özel hatayı alıyorum? Bir sözdizimi sorunu mu?

cevap

27

Sınıf adınızda bir çizgi var, bu nedenle tek tırnak işaretleri kullanın!

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

Ne zamanlama .. Bizim cevapları aynı anda tam olarak yayınlanmaktadır .. 17-21-21, sen milisaniye önümde idi ..: D – PSL

+0

@PSL - Hah ... biliyorum her zaman bu açısal sorulara sahipsin, çabuk olmalısın! – tymeJV

+0

Bu tam olarak düşündüğüm şey. Şimdi hangi kabul ediyorum? Ayrıca artı savaş da yakınlardadır. – Rohan

10

Size nedeniyle {has-success: form.email.$valid} @ mülkiyet adına - varlığına geçersiz sözdizimi var, açıkça bir ayrıştırıcı hatadır. Onları tırnak içine sarmalısın.

Dene: -

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