没有应用anglejs-ng-class

前端之家收集整理的这篇文章主要介绍了没有应用anglejs-ng-class前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个textarea包含要发布的消息和一个字符数仍然可用的跨度。
<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中定义,当我在textarea中插入文本时,跨度内的计数器被正确地更新,改变了messageText.length的值。

但是,不管css类message-lengthnor message-length-alert是否应用于我的span,无论messageText中包含的值如何。

我也尝试删除消息长度警报的检查,留下ng-class属性只需{message-length:true},但是它不会被应用。

我缺少什么?

尝试用引号括起类名。代替
ng-class="{message-length-alert: (messageText.length > messageLengthAlertTreshold),message-length: true}

尝试

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

这是因为哈希键必须是字符串或类似变量的名称。 (对不起,英文不好)

猜你在找的Angularjs相关文章