我有一个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}
这是因为哈希键必须是字符串或类似变量的名称。 (对不起,英文不好)