Preguntas de Repaso de Underscore
¿Que argumentos espera el método
templatede Underscore? ¿Cual es la función de cada uno de ellos?¿Que diferencia hay entre
<% ... %>,<%= ... %>y<%- ... %>?
- El atributo
templateSettingsde 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
itemsen 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#usageListdel DOM y el resultado del template se vuelca en el elemento#targetcomo 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>