Chỉ thị ng-class
của AngularJS
Ví dụ
Thay đổi lớp của 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>
Hãy tự mình thử »Định nghĩa và cách sử dụng
Lệnh ng-class
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 lệnh ng-class
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 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. |