У меня есть текстовая область, содержащая сообщение для публикации и диапазон с количеством доступных символов.
<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}
, но он все равно не применяется.
Что мне не хватает?