未应用ng-class

Question

我有一个包含要发布的消息的文本区域和一个仍有可用字符数的span。

<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的值时，跨度内的计数器会正确更新。

但是，无论messageText中包含什么值，css类message-length和message-length-alert都不会应用于我的跨度。

我还尝试删除对类的检查，只保留ng- message-length-alert属性为{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}

这是因为散列键必须是字符串或类似变量的名称。