Ausdruck innerhalb ng-Klasse

Question

Ich habe eine sehr einfache Angular App und ich versuche, ng-repeat in Verbindung mit ng-Klasse zu verwenden, um eine Vorlage zu wiederholen und eine andere Klasse auf das äußere div je nach einer der Eigenschaften anzuwenden der Daten, die gebunden werden.

dies funktioniert, wenn ich ein einfaches verwendet ...

ng-class="message.type" 

... aber leider muss ich einen String an den Anfang des Nachrichtentyps verketten.

Ich versuchte, ein JSfiddle hier ...

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

... aber es ist mein erster Versuch zu schaffen, auch eine JSfiddle zu machen, und ich muss etwas falsch tun, weil die Winkel Sachen nicht der Fall ist scheinen zu rennen. Es zeigt jedoch, was ich mit dem Ausdruck zu tun versuche.

Jede Hilfe würde wirklich geschätzt werden.

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 der Geige einige setzen {{}} um den Ausdruck nicht, es tun, weil es ein Ausdruck .

Answer 2

FYI, eine Alternative zu dem, was beantwortet @camus:

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

Wenn class verwenden, der Ausdruck (innen {{}} s) muss auf eine Reihe von Leerzeichen getrennte Klassennamen auszuwerten.

Wenn ng-class verwenden, der Ausdruck auf eine der folgenden auswerten müssen:

1. eine Folge von Leerzeichen getrennte Klassennamen oder
2. und Anordnung von Klassennamen oder
3. eine Karte/Objekt von Klassennamen zu booleschen Werten.