lớp có điều kiện năng động mỏng

Question

Chỉ để giúp các nhà phát triển khác, bởi vì không có câu hỏi tương tự về SO.

div class=(is_active? ? 'active' : 'inactive') 
div class=('active' if is_active?) 

Answer 1

Xem ví dụ dưới đây:

div class=(is_active? ? 'active' : 'inactive') 
div class=('active' if is_active?) 

Các phương pháp tương tự có thể được sử dụng để gán giá trị động vào các thuộc tính khác.

Answer 2

Nếu bạn đã nhiều điều kiện tôi đang làm ngay bây giờ cái gì đó như

div class=(('foo ' if is_foo?) + ('bar' if is_bar?)) 

Mặc dù tôi cảm thấy đó là một nhược điểm nếu is_bar? trả về false và kết quả HTML được tạo trong

<div class="foo "></div> 

(nhược điểm là ký tự trống sau foo). Nếu ai đó có một giải pháp cho điều đó sẽ là tuyệt vời.

Answer 3

Tôi sử dụng mảng lớp và phần tử nil nếu không cần đưa lớp vào danh sách, sau đó là mảng nhỏ gọn để loại bỏ phần tử nil và cuối cùng kết hợp tất cả lại với nhau.

div class=(["cday", "col-md-1", day.day == 1 ? "col-md-offset-#{day.cwday-1}" : nil].compact.join(' '))