Angular ng-classは機能しませんが、通常のクラス属性が機能します

Question

私は別のビューの子であるこのビューテンプレートを持っています。 このビューの親ビューはindex.htmlの子で、angularとui-router JavaScriptをインポートしています。 すなわちindex.html > other view > view below 以下のclass = "bubble me"を変更しようとすると、ng-class = "bubble me"にはCSSが読み込まれません。何か不足していますか？問題はこのビューにのみ分離されています。

<div class="top"><span>To: <span class="name">{{chat.name}}</span></span></div> 
<div class="chat"> 
    <div class="conversation-wrapper"> 

     <div class="conversation-start"> 
      <span>Today, 6:48 AM</span> 
     </div> 
     <div class="bubble me" ng-repeat = "message in sent_received"> 
     {{message.msg}} 
      </div> 
<div class="write"> 
    <a href="javascript:;" class="write-link attach"></a> 
    <input ng-model = "input.message" type="text" /> 
    <a href="javascript:;" class="write-link smiley"></a> 
    <a ng-click= "sendMsg()" class="write-link send"></a> 
</div> 

Answer 1

のみ条件付きのクラスのNG-クラスの仕事をしますか？私は 私の普通のハードコードされたクラスと条件付きのものを組み合わせたいので は私の タグのクラス属性とngクラス属性を持っていません。 - 上のコードでは、バブルは 動的ではありません。私は私のクラスを動的にしたいと思っています。

これはあなたのケースではうまくいくかもしれません。

ng-class="value=='true'?'bubble me':'bubble'"