2013-03-28 21 views
25

Gönderilecek bir ileti içeren bir textarea ve hala kullanılabilir karakterlerin olduğu bir span var.ng sınıfı uygulanmadı

<textarea name="" cols="" rows="" maxLength="{{maxMessageLength}}" ng-model="messageText"/> 
<div id="chatmessage-buttons">    
    <a ng-click="sendMessage()"><span>Invia</span></a> 
<span ng-class="{message-length-alert: (messageText.length > messageLengthAlertTreshold), message-length: true}">{{maxMessageLength - messageText.length}}</span> 
</div>   

messageText, maxMessageLength ve messageLengthAlertTreshold her $scope tanımlanmıştır, ve textarea metin eklemek zaman dilimi içinde karşı messageText.length değerini değiştirerek, doğru bir şekilde güncellenir. Ancak, veya message-length-alert veya message-length-alert css sınıfları, messageText'da bulunan değere bakılmaksızın, hiçbir zaman benim ssemime uygulanmaz.

Ayrıca, message-length-alert ng-class özniteliğini yalnızca {message-length: true} ile bırakarak denetimi kaldırmayı denedim, ancak yine de uygulanmadı.

Neyi eksik?

cevap

68

Sınıf adını tırnak içine sarmayı deneyin. Bunun yerine

ng-class="{message-length-alert: (messageText.length > messageLengthAlertTreshold), message-length: true} 

ng-class="{'message-length-alert': (messageText.length > messageLengthAlertTreshold), 'message-length': true} 

karma anahtar bir dize veya değişken benzeri bir ad olmalıdır çünkü edilir deneyin. (Kötü ingilizce için özür dilerim)

+2

Sınıf isminde tire işareti varsa, sınıf adını tırnak içine almanız yeterlidir. Aksi takdirde buna ihtiyacınız olmaz. – Sprose

İlgili konular