没有应用anglejs-ng-class

发布时间：2020-12-17 08:26:57 所属栏目：安全来源：网络整理

导读：我有一个textarea包含要发布的消息和一个字符数仍然可用的跨度。 textarea name="" cols="" rows="" maxLength="{{maxMessageLength}}" ng-model="messageText"/div id="chatmessage-buttons" a ng-click="sendMessage()"spanInvia/span/aspan ng-class="{me

我有一个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}

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!