कैसे AngularJS

Question

में सशर्त वर्ग और डेटा बाध्य वर्ग गठबंधन करने के लिए विभिन्न वर्गों को लागू करने के लिए जब विभिन्न भाव सच का मूल्यांकन:

<div ng-class="{'class1' : expression1, 'class2' : expression2}"> 
    Hello World! 
</div> 

विभिन्न वर्गों एक डेटा-बाउंड वर्ग का उपयोग कर लागू करने के लिए []

<div ng-class="[class3, class4]"> 
     Hello World! 
    </div> 

मैं जानना चाहता हूं कि दो प्रकार के टेम्पलेट को गठबंधन करना संभव है यानी; {} और डेटा-बाध्य वर्ग का उपयोग कर एक सशर्त वर्ग है []?

किसी भी मदद की सराहना की जाएगी।

अग्रिम धन्यवाद।

Answer 1

डेमो देख आप वाक्य रचना

<div ng-class="[condition1 && 'class1', condition2 && 'class2', className]"> 
    Hello World! 
</div> 

className दायरे में एक चर रहा है निम्न का उपयोग कर सकते हैं। यह मूल्य div पर लागू हो जाता है।

यहाँ एक उदाहरण बेला Conditionally apply class in angularjs

Answer 2

कृपया नीचे

var app = angular.module('app', []); 
 

 
app.controller('homeCtrl', function($scope) { 
 

 

 
    $scope.redClass = 'red'; 
 
    $scope.boldClass = 'bold'; 
 

 
});

.border { 
 
    border: 1px solid red 
 
} 
 
.red { 
 
    color: red 
 
} 
 
.bold { 
 
    font-weight: bold 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="app"> 
 
    <div ng-controller="homeCtrl"> 
 

 
    <p ng-class="[boldClass ,redClass, 1==1 ? 'border':'' ]">Hello Word</p> 
 

 
    </div> 
 
</div>