Preguntas de Repaso de Underscore
¿Que argumentos espera el método
template
de Underscore? ¿Cual es la función de cada uno de ellos?¿Que diferencia hay entre
<% ... %>
,<%= ... %>
y<%- ... %>
?
- El atributo
templateSettings
de Underscore puede ser usado para configurar los templates. Rellene las expresiones regulares que faltan para que se usen delimitadores con llaves como{{ ... }}
para evaluar,{{= ... }}
para interpolar y{{- ... }}
para interpolar y escapar el HTML:
_.templateSettings = {
interpolate: /____________________/gim,
evaluate: /____________________/gim
escape: /____________________/gim
}
- Queremos mostrar una lista de
items
en una tabla con dos columnas. En la primera columna va el número de orden y en la segunda el nombre del item. El template Underscore se carga desde el elemento#usageList
del DOM y el resultado del template se vuelca en el elemento#target
como sigue:
var items = [ {name:"Alejandro"}, {name:"......."}, {name:"Zacarias"} ];
var template = usageList.innerHTML;
target.innerHTML = _.template(template,{items:items});
Complete el identificador del <script>
, el identificador del
<div>
usado para la salida y la parte que falta entre las
etiquetas <tbody>
:
<script type="text/html" id='_________'>
<table>
<thead>
<tr>
<th> Id </th> <th>Name</th>
</tr>
</thead>
<tbody>
</tbody >
</table>
</script>
<!-- Create your target -->
<div id="______"></div>