دستور AngularJS ng-class

تعریف و استفاده

ng-class این دستور برای پیوند دینامیک یک یا چند کلاس CSS به عناصر HTML استفاده می‌شود.

ng-class مقدار دستور می‌تواند رشته، شیء یا آرایه باشد.

اگر آن یک رشته است، باید شامل یک یا چند نام کلاس باشد که با فاصله جدا شده‌اند.

به عنوان یک شیء، باید شامل کلید-مقدارهایی باشد که کلید آن نام کلاسی است که می‌خواهید اضافه کنید و مقدار آن یک درصده است. تنها زمانی که مقدار تنظیم به true باشد، این کلاس اضافه می‌شود.

به عنوان یک آرایه، می‌تواند ترکیبی از هر دو باشد. هر عنصر آرایه می‌تواند یک رشته یا یک شیء باشد که در بالا توضیح داده شده است.

مثال

تغییر کلاس <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>

آزمایش کنید

نحوه استفاده

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

تمام عناصر HTML پشتیبانی می‌شوند.

پارامترها