espressione all'interno della classe ng

Question

Ho un'app angolare molto semplice e sto cercando di usare ng-repeat in congiunzione con ng-class per ripetere un modello e applicare una classe diversa al div esterno in base a una delle proprietà dei dati associati.

questo ha funzionato quando ho usato un semplice ...

ng-class="message.type" 

... ma purtroppo ho bisogno di concatenare una stringa per l'inizio del tipo di messaggio.

Ho cercato di creare un JSfiddle qui ...

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

... ma è il mio primo tentativo di fare troppo un JSfiddle e io devo fare qualcosa di sbagliato, perché la roba angolare non lo fa sembra che stia correndo. Tuttavia mostra ciò che sto cercando di fare con l'espressione.

Qualsiasi aiuto sarebbe davvero apprezzato.

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"} 
    ] 

}

in violino si mette un po '{{}} intorno l'espressione non lo fate perché è espressione .

Answer 2

FYI, in alternativa a quello che @camus risposto:

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

Quando si utilizza class, l'espressione (dentro {{}} s) deve restituire una serie di nomi di classi spazio delimitato.

Quando si utilizza ng-class, l'espressione deve restituire una delle seguenti operazioni:

1. una stringa di nomi di classe spazio delimitato, o
2. e array di nomi di classe, o
3. una mappa/oggetto dei nomi di classe ai valori booleani.