مثال
تغيير الطبقة عنصر <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 التوجيه يربط حيوي واحد أو أكثر من الطبقات المغلق إلى عنصر HTML.
قيمة ng-class التوجيه يمكن أن يكون سلسلة، كائن، أو مجموعة.
إذا كانت سلسلة، يجب أن تحتوي على واحد أو أكثر، أسماء فئة مفصولة الفضاء.
ككائن، فإنه يجب أن يحتوي على أزواج قيمة المفتاح، حيث والمفتاح هو قيمة منطقية، والقيمة هو اسم فئة من الطبقة التي تريد إضافتها. سوف فقط إضافة الطبقة إذا تم تعيين المفتاح إلى true.
كما صفيف، فإنه يمكن أن يكون مزيجا من الاثنين معا. كل عنصر من عناصر مجموعة يمكن أن تكون إما سلسلة، أو كائن، كما هو موضح أعلاه.
بناء الجملة
< element ng-class=" expression "></ element >بدعم من جميع عناصر HTML.
قيم معلمة
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |