एनजी-क्लास

Question

के अंदर अभिव्यक्ति मेरे पास एक बहुत ही सरल कोणीय ऐप है और मैं एनजी-क्लास के साथ एनजी-रिपैट का उपयोग करने के लिए टेम्पलेट दोहराने के लिए उपयोग कर रहा हूं और गुणों में से एक के आधार पर बाहरी div को एक अलग वर्ग लागू कर रहा हूं डेटा बाध्य होने के नाते।

इस

काम किया जब मैं एक साधारण इस्तेमाल किया ...

ng-class="message.type" 

... लेकिन दुर्भाग्य से मैं संदेश प्रकार के शुरू करने के लिए एक स्ट्रिंग को श्रेणीबद्ध करने की जरूरत है।

मैं एक JSfiddle यहाँ बनाने की कोशिश की ...

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

... लेकिन यह मेरी एक JSfiddle भी बनाने का पहला प्रयास है और मैं कुछ गलत कर दिया जाना चाहिए क्योंकि कोणीय सामान नहीं है प्रतीत होता प्रतीत होता है। यह दिखाता है कि मैं अभिव्यक्ति के साथ क्या करने की कोशिश कर रहा हूं।

किसी भी मदद की वास्तव में सराहना की जाएगी।

Answer 1

एचटीएमएल:

<div ng-controller="mainCtrl"> 

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

      Repeat Me   

     </div>   

    </div>     

</div> 

जावास्क्रिप्ट:

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. एक नक्शा/बूलियन मूल्यों के लिए वर्ग नामों का उद्देश्य।