Những người giúp đỡ khối tay lái bị rung lên trong HAML

Question

Tôi cần sử dụng một số người trợ giúp khối tay lái bên trong thuộc tính của phần tử. Làm cách nào để có được

.some.class{:class => "{{if property}} otherClass {{/if}}"} 

để phân tích cú pháp chính xác? Đây là kết quả được biên dịch như sau:

<div class='class otherClass property}} some {{/if}} {{if'></div> 

Tôi đã cố gắng thoát khỏi mọi ký tự không phải từ, thử dấu nháy đơn và điều chỉnh khoảng cách, nhưng dường như không sửa lỗi. Tôi hy vọng sẽ tìm thấy một giải pháp thanh lịch hơn là chỉ sử dụng từ khóa: plain.

Answer 1

Tôi nhận thấy rằng bạn cần thêm một số ký tự trước {{}} để Haml chấp nhận nó. Ví dụ:

%div.some.class{:class => "a{{foo}}"} 

Không có ý tưởng, nhưng các mục đích của tôi.

Answer 2

Thực ra, mẹo này không hoạt động đối với bất kỳ biểu thức nào xử lý phức tạp vừa phải.

Cuối cùng, tôi đã giải quyết điều này bằng cách sử dụng chuỗi ký tự trong haml. Vì vậy, trong trường hợp ví dụ được hiển thị trong câu hỏi. Các haml dưới đây là cần thiết, hãy nhớ đóng thẻ của bạn, đó là dòng cuối cùng.

\ <div class='class {{if property}} otherClass {{/if}} some '> 
-# Normal haml goes here and must not start at the same indent as the above literal 
\ </div> 

Answer 3

Di chuyển tất cả các lớp vào thuộc tính lớp thay vì sử dụng cả ký hiệu dấu chấm và ký tự lớp.

.col-md-12.card{ class: "{{toLowerCase level_name}}-master-card" } 

trở thành

%div{ class: "col-md-12 card {{toLowerCase level_name}}-master-card" } 

HAML 4.0.7