26

投稿するメッセージを含むテキストエリアと、まだ利用可能な文字数のスパンがあります。

<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}で削除しようとしましたが、とにかく適用されません。

私は何が欠けていますか？

4

1 に答える 1

69

クラス名を引用符で囲むようにしてください。それ以外の：

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

試す：

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

これは、ハッシュ キーが文字列または変数のような名前でなければならないためです。

于 2013-03-28T11:44:54.163 に答える