ng-class가 적용되지 않음

ng-class가 적용되지 않음

게시할 메시지가 포함된 텍스트 영역과 사용 가능한 문자 수가 포함된 범위가 있습니다.

<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-alertng-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}

이는 해시 키가 문자열 또는 변수와 같은 이름이어야 하기 때문입니다.

언급URL : https://stackoverflow.com/questions/15680667/ng-class-not-being-applied