Nội suy bên trong thuộc tính html với Underscore.js

Question

Tôi đang xây dựng một ứng dụng bằng Backbone.js, Underscore.js, HAML và Coffeescript.

Sự cố tôi gặp phải là nhận các biến để nội suy bên trong thuộc tính phần tử html.

<% _.each(collection.models, function(document) { %> 
%tr 
    %td 
    %input{:type => 'checkbox', :name => "documents[]", :value => "<%= document.attributes.id %>"} 
    %td <%= document.attributes.id %> 
    %td <%= document.attributes.name %> 

    <% } %> 
<% }); %> 

giá trị của đối tượng đang hiển thị đúng cách bên trong của <td>, nhưng không nằm trong thuộc tính giá trị của đầu vào.

Nội suy có thể bên trong thuộc tính của một phần tử không? Tôi không thể tìm ra giải pháp.

Cảm ơn

Answer 1

Có vẻ như bạn đang không đóng chức năng trong mẫu đúng cách (thử thêm <% }); %> đến hết mẫu của bạn).

Tôi không thực sự quen thuộc với cú pháp HAML nhưng đây là ví dụ đơn giản về jsfiddle sử dụng HTML thuần túy và mẫu gạch dưới. Như bạn có thể thấy bạn chắc chắn có thể sử dụng nội suy ở giữa các thuộc tính phần tử.

Answer 2

Giải pháp cho vấn đề này là sử dụng tùy chọn :escape_attrs của HAML.

Haml::Engine.new(template, :escape_attrs => false).render 

Answer 3

Bạn có thể thử sử dụng html_safe là phương thức trên đối tượng Chuỗi. Điều này sẽ thoát khỏi nhân vật html trong báo cáo biến (< ví dụ) và sẽ rời khỏi nguyên vẹn cho gạch để đánh giá trong thời gian chạy:

%input{:type => 'checkbox', :name => "documents[]", :value => "<%= document.attributes.id %>".html_safe} 

(Thử nghiệm trên đường ray 3.0.13)