wyrażenie wewnątrz klasy ng

Question

Mam bardzo prostą aplikację kątową i próbuję użyć ng-repeat w połączeniu z ng-class, aby powtórzyć szablon i zastosować inną klasę do zewnętrznego div, w zależności od jednej z właściwości powiązanych danych.

to działało kiedy stosuje się proste ...

ng-class="message.type" 

... ale niestety muszę złączyć ciąg do początku typu wiadomości.

Próbowałem stworzyć JSfiddle tutaj ...

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

... ale to moja pierwsza próba dokonywania JSfiddle zbyt i muszę robić coś złego, ponieważ kątowe rzeczy nie robi wydaje się być uruchomiony. Pokazuje jednak, co próbuję zrobić z wyrażeniem.

Każda pomoc będzie naprawdę doceniona.

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

}

na skrzypcach umieścić kilka {{}} wokół wyrażenie nie robić, bo to jest wyrazem .

Answer 2

FYI, alternatywą dla co @camus odpowiedział:

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

Podczas korzystania class, wyrażenie (wewnątrz {{}}) musi ocenić na ciąg nazw spacjami klasowych.

Podczas korzystania ng-class wyrażenie musi ocenić jednego z następujących powodów:

1. ciąg nazwy spacjami klasowych lub
2. i tablicę nazw klas, lub
3. mapa/obiekt nazw klas do wartości logicznych.