Interpolar dentro de los atributos html con Underscore.js

Question

Estoy compilando una aplicación usando Backbone.js, Underscore.js, HAML y Coffeescript.

El problema que tengo es obtener variables para interpolar dentro de los atributos del elemento 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 %> 

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

los valores del objeto se muestran correctamente en el interior de la <td>, pero no dentro de atributo de valor de la entrada.

¿Es posible la interpolación dentro de los atributos de un elemento? No pude encontrar una solución.

Gracias

Answer 1

Parece que no está cerrando la función en la plantilla adecuada (trate de añadir <% }); %> hasta el final de su plantilla).

No estoy muy familiarizado con la sintaxis de HAML pero aquí hay un ejemplo simple en jsfiddle que utiliza HTML sin formato y una plantilla de subrayado. Como puede ver, definitivamente puede usar la interpolación en medio de los atributos de un elemento.

Answer 2

La solución a este problema es utilizar la opción :escape_attrs de HAML.

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

Answer 3

Puede intentar usar html_safe que es un método en objetos String. Esto escapar los caracteres HTML en la sentencia de variable (< por ejemplo) y que deja intacta para subrayado para evaluar en tiempo de ejecución:

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

(Probado en los carriles 3.0.13)