ng-class
توجيه AngularJS
مثال
تغيير فئة عنصر <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. |