एंजुलरजी एंजुलरजी ng-class कमांड

व्याख्या और उपयोग

ng-class इस कमांड का उपयोग एक या अधिक CSS क्लासों को एक एचटीएमएल एलीमेंट पर बाइंड करने के लिए है।

ng-class कमांड का वॉल्यू चारों तरफ का हो सकता है, चाहे यह एक इन्टरनेट टेक्स्ट, एक आबे या एक एलिस्ट।

यदि यह एक इन्टरनेट टेक्स्ट है, तो यह एक या अधिक क्लास नामों को एक-दूसरे से स्पेस से अलग करके होना चाहिए।

आबे इस रूप में, यह कुछ कीवॉर्ड-वॉल्यू के रूप में होना चाहिए, जिसमें कीवॉर्ड आप जोड़ना चाहते हैं की क्लास का नाम है, और वॉल्यू बूलीन वॉल्यू है।केवल जब वॉल्यू true के रूप में सेट किया जाता है तभी उस क्लास को जोड़ा जाता है।

एक श्रेणी के रूप में, यह दोनों का मिश्रण हो सकता है।प्रत्येक श्रेणी एलीमेंट उपरोक्त वर्णन के अनुसार बातचीत या वस्तु हो सकता है।

उदाहरण

डिव एलीमेंट की क्लास को बदलें:

<select ng-model="home">
    <option value="sky">स्काई</option>
    <option value="tomato">टोमैटो</option>
</select>
<div ng-class="home">
    <h1>होम कम वेल्कम!</h1>
    <p>मैं इसे पसंद करता हूँ!</p>
</div>

अपने आप से प्रयोग कीजिए

व्याकरण

<element ng-class="expression</element>

सभी HTML एलीमेंट इसका समर्थन करते हैं。

पारामीटर