Sử dụng ngClass - AngularJS
Javascript
247
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
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 3 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 3 năm trước
2 8
Bài viết liên quan
White
12 11
Khi các bạn viết sử dụng AngularJS có thấy thắc mắc về phần làm thế nào để mình viết 1 function mà có thể sử dụng cho toàn bộ app của mình không? V...
My Mai viết hơn 3 năm trước
12 11
White
43 8
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
43 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á!