Sử dụng ngClass - AngularJS
Javascript
265
AngularJS
23
CSS
40
White

vanduc1102 viết ngày 27/05/2015

Trong AngularJS
Chúng ta có thể sử dụng ngClass để kiểm tra điều kiện khi sử dụng Class trong CSS :

ng-class="{true:'display-button', false:''}[mode=='edit']" 

Angular hỗ trợ trả về biểu thức là một đối tượng Object. Mỗi thuộc tính của đối tượng được xem như là tên của một lớp (Class) và giá trị đươc áp dụng sẽ là giá trị của thuộc tính đó

Ví dụ:

ng-class="{admin:'enabled', moderator:'disabled', '':'hidden'}[user.role]"

Nếu user.role == 'admin' thì class enable sẽ được áp dụng

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

White

vanduc1102

3 bài viết.
1 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Cùng một tác giả
White
16 3
Bài viết dịch từ : http://videlalvaro.github.io/2014/02/whyyoushouldlearnerlang.html Với tất cả các lùm xùm về việc WhatsApp bị mua lại bởi Faceb...
vanduc1102 viết hơn 3 năm trước
16 3
White
3 8
Mình đang làm một RESTful server, dùng RESTEasy trên Java. Server này sẽ lưu trữ các tập tin như hình ảnh và PDF vào trong CSDL. Yêu cầu là khi đ...
vanduc1102 viết hơn 3 năm trước
3 8
Bài viết liên quan
White
18 10
Lời nói đầu Tuần trước mình đã bắt tay vào làm thử app theo ý tưởng clone chương trình "Ai là triệu phú" trên TV, với các chức năng cơ bản, chỉ sử...
Andy Crush viết gần 3 năm trước
18 10
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


White
{{userFollowed ? 'Following' : 'Follow'}}
3 bài viết.
1 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!