AngularJS ng-class ਇਨਸਟਰੱਕਸ਼ਨ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

ng-class ਇਹ ਇੱਕ ਇਨਸਟਰੱਕਸ਼ਨ ਹੈ ਜਿਸ ਨਾਲ ਇੱਕ ਜਾਂ ਕਈ ਵੱਖ-ਵੱਖ ਸੀਐੱਸਐੱਸ ਕਲਾਸਾਂ ਨੂੰ ਐਕਟੀਵ ਐਲੀਮੈਂਟ ਨਾਲ ਬਾਂਧਿਆ ਜਾ ਸਕਦਾ ਹੈ。

ng-class ਇਨਸਟਰੱਕਸ਼ਨ ਦਾ ਮੁੱਲ ਸਟਰਿੰਗ, ਆਪਣਾ ਕਲਾਸ ਜਾਂ ਇੱਕ ਸਰਗਰਮ ਸ਼੍ਰੇਣੀ ਹੋ ਸਕਦਾ ਹੈ。

ਜੇਕਰ ਇਹ ਇੱਕ ਸਟਰਿੰਗ ਹੈ, ਤਾਂ ਇਸ ਵਿੱਚ ਇੱਕ ਜਾਂ ਕਈ ਵੱਖ-ਵੱਖ ਕਲਾਸ ਦੇ ਨਾਮ ਹੋਣ ਚਾਹੀਦੇ ਹਨ ਜਿਹੜੇ ਸਪੇਸ ਨਾਲ ਵੰਡੇ ਹੋਣ ਹਨ。

ਆਪਣੇ ਤੌਰ 'ਤੇ, ਇਹ ਕੀਵੇਂ ਲਈ ਸ਼ਾਮਲ ਕਰਨਾ ਹੈ ਜਿਸ ਵਿੱਚ ਕੀ ਉਸ ਦੇ ਕਲਾਸ ਦਾ ਨਾਮ ਹੈ ਅਤੇ ਮੁੱਲ ਬੁਲੀਨ ਹੈ। ਜਦੋਂ ਤਕ ਮੁੱਲ true ਰਿਹਾ ਹੋਵੇ, ਉਸ ਕਲਾਸ ਨੂੰ ਜੋੜਿਆ ਜਾਵੇਗਾ。

ایک شماراچ کے طور پر، یہ دونوں کا مجموعہ کرسکتا ہے۔ ہر شماراچ عنصر کسی سے درج کیا جاسکتا ہے جو درج کیا گیا تھا یا شماراچ کا اشیاء ہو سکتا ہے۔

مثال

<div> عناصر کی کلاس بدل دیجئے:

<select ng-model="home">
    <option value="sky">سائی</option>
    <option value="tomato">تومیٹو</option>
</select>
<div ng-class="home">
    <h1>منزل میں خوش آمدید!</h1>
    <p>مجھے پسند آیا!</p>
</div>

خود کا تجربہ کریں

جملہ

<عناصر ng-class="ایکسیپریشن</عناصر>

تمام ایچ تی ام ال عناصر اس کا استعمال کر سکتے ہیں

پارامتر