ng-class内の式

Question

私は非常に単純なAngular Appを持っていて、ng-repeatと一緒にng-repeatを使ってテンプレートを繰り返し、プロパティの1つによって外側のdivに異なるクラスを適用しようとしていますバインドされているデータの私はシンプルな...

ng-class="message.type" 

を使用する場合

これは働いていた...残念ながら私は、メッセージタイプの先頭に文字列を連結する必要があります。

は私が...ここJSfiddleを作成するために

http://jsfiddle.net/XuYGN/5/

を試してみました...しかし、それはあまりにもJSfiddleを作るのが私の最初の試みだと角のものにはないので、私は何か間違ったことしなければなりません走っているようだ。私は表現で何をしようとしているかを示しています。

本当にありがとうございます。

Answer 1

HTML：

<div ng-controller="mainCtrl"> 

     <div ng-repeat="message in data.messages" ng-class="'className-' + message.type"> 

      Repeat Me   

     </div>   

    </div>     

</div> 

ではJavaScript：

var mainCtrl=function($scope) { 

    $scope.data = {} 

    $scope.data.messages = [ 
     { 
      "type": "phone"}, 
     { 
      "type": "email"}, 
     { 
      "type": "meeting"}, 
     { 
      "type": "note"} 
    ] 

}

それが表現であるので、あなたは{{}}式の周りにいくつかを置くそれを行ういけないフィドルで。

Answer 2

FYI、答え@camusものに代わるものは：

class="{{'className-' + message.type}}" 

classを用いて、式（内部{{}}複数の）スペースで区切られたクラス名の文字列に評価されなければなりません。

ng-classを使用する場合、式は次のいずれかに評価される必要があります：

1. スペースで区切られたクラス名の文字列、または
2. とクラス名の配列、または
3. マップ/クラス名のオブジェクトをブール値に変換します。