Sử dụng ngClass - AngularJS
Javascript
314
AngularJS
24
CSS
49
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
17 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 5 năm trước
17 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 5 năm trước
3 8
Bài viết liên quan
White
1 2
Lời tựa Frontend nói chung và CSS nói riêng vẫn đang được phát triển liên tục. Ngoài những kiến thức cơ bản, bạn cũng nên cập nhật những kĩ thuật/...
luongvanphuc viết 2 tháng trước
1 2
{{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á!