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

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

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

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

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

Cách tiếp cận tương tự có thể được sử dụng để gán giá trị động cho các thuộc tính khác.

Tôi sử dụng mảng các lớp và phần tử nil nếu không cần đưa lớp vào danh sách, sau đó mảng compact để loại bỏ các phần tử nil và cuối cùng nối 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(' '))

Nếu bạn có nhiều điều kiện, tôi đang làm ngay bây giờ một 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 là

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

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