Sử dụng ngClass - AngularJS
Javascript
200
AngularJS
23
CSS
32
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
15 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 2 năm trước
15 3
White
2 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 gần 3 năm trước
2 8
Bài viết liên quan
White
39 7
Tăng sức mạnh cho javascript với lodash Lần này mình sẽ giới thiệu 1 thư viện javascript vô cùng bá đạo có tên là "lodash]1]", có thể nói nó là LI...
Huy Hoàng Phạm viết hơn 2 năm trước
39 7
White
21 8
Lâu không post gì muốn viết một bài dài dài về js cơ mà đau đầu quá viết mãi không xong, thôi post bài ngắn vậy :smiley: Lấy screen size ở đây tôi...
Hoàng Duy viết hơn 2 năm trước
21 8
{{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á!