Interpola all'interno degli attributi html con Underscore.js

Question

Sto costruendo un'applicazione utilizzando Backbone.js, Underscore.js, HAML e Coffeescript.

Il problema che sto riscontrando è quello di ottenere variabili da interpolare all'interno di attributi di elementi 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 %> 

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

valori dell'oggetto vengono visualizzati correttamente all'interno del <td>, ma non all'interno attributo value dell'ingresso.

È possibile l'interpolazione all'interno degli attributi di un elemento? Non ero in grado di trovare una soluzione.

Grazie

Answer 1

Sembra che non si sta chiudendo la funzione nel modello corretto (provare ad aggiungere <% }); %> alla fine del vostro template).

Non ho molta familiarità con la sintassi di HAML, ma ecco un semplice esempio su jsfiddle utilizzando HTML semplice e un modello di sottolineatura. Come puoi vedere puoi usare l'interpolazione in mezzo agli attributi di un elemento.

Answer 2

La soluzione a questo problema consiste nell'utilizzare l'opzione :escape_attrs di HAML.

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

Answer 3

Si può provare a utilizzare html_safe, che è un metodo su oggetti String. Questo sfuggirà i caratteri HTML nella dichiarazione variabili (< per esempio) e lascerà intatto per sottolineatura di valutare in fase di esecuzione:

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

(Testato su rotaie 3.0.13)