ng-classChỉ thị AngularJS
Thí dụ
Thay đổi lớp của một phần tử <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>
Định nghĩa và Cách sử dụng
Chỉ ng-classthị liên kết động một hoặc nhiều lớp CSS với một phần tử HTML.
Giá trị của ng-classchỉ thị có thể là một chuỗi, một đối tượng hoặc một mảng.
Nếu là một chuỗi, nó phải chứa một hoặc nhiều tên lớp được phân tách bằng dấu cách.
Là một đối tượng, nó phải chứa các cặp khóa-giá trị, trong đó khóa là tên lớp của lớp bạn muốn thêm và giá trị là giá trị boolean. Lớp sẽ chỉ được thêm vào nếu giá trị được đặt thành true.
Là một mảng, nó có thể là sự kết hợp của cả hai. Mỗi phần tử mảng có thể là một chuỗi hoặc một đối tượng, được mô tả như trên.
Cú pháp
<element ng-class="expression"></element>
Được hỗ trợ bởi tất cả các phần tử HTML.
Giá trị tham số
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |