没有被应用纳克级(ng-class not being applied)

我有一个包含要发布一条消息，并仍然有用的字符数跨度文本区域。

<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和messageLengthAlertTreshold中都被定义$scope ，当我在文本区域中插入文本的跨度内的计数器正确地更新，不断变化的价值messageText.length 。

然而，无论是CSS类message-length也没有message-length-alert都曾经申请过我的跨度，无论包含在价值messageText 。

我也试着取下用于检查message-length-alert离开NG-class属性，只是{message-length: true} ，但它不是反正应用。

我在想什么？

Answer 1:

尝试在引号来包装类名称。 代替

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

尝试

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

这是因为散列键必须是一个字符串变量或类似的名称。 （对不起，我英文不好）

文章来源: ng-class not being applied