AngularJS ng-class
निर्देश
उदाहरण
एक <div> तत्व का वर्ग बदलें:
<select ng-model="home">
<option
value="sky">Sky</option>
<option
value="tomato">Tomato</option>
</select>
<div ng-class="home">
<h1>Welcome Home!</h1>
<p>I like it!</p>
</div>
परिभाषा और उपयोग
ng-class
निर्देश गतिशील रूप से एक या एक से अधिक CSS कक्षाओं को HTML तत्व से बांधता है ।
निर्देश का मान ng-class
एक स्ट्रिंग, एक वस्तु या एक सरणी हो सकता है।
यदि यह एक स्ट्रिंग है, तो इसमें एक या अधिक, स्थान से अलग किए गए वर्ग नाम होने चाहिए।
ऑब्जेक्ट के रूप में, इसमें की-वैल्यू पेयर होना चाहिए, जहां कुंजी उस क्लास का क्लास नाम है जिसे आप जोड़ना चाहते हैं, और वैल्यू एक बूलियन वैल्यू है। वर्ग केवल तभी जोड़ा जाएगा जब मान सत्य पर सेट हो।
एक सरणी के रूप में, यह दोनों का संयोजन हो सकता है। प्रत्येक सरणी तत्व या तो एक स्ट्रिंग, या एक वस्तु हो सकता है, जैसा कि ऊपर वर्णित है।
वाक्य - विन्यास
<element ng-class="expression"></element>
सभी HTML तत्वों द्वारा समर्थित।
पैरामीटर मान
Value | Description |
---|---|
expression | An expression that returns one or more class names. |