¿Cómo usar las declaraciones if en las plantillas underscore.js?

Estoy usando la función de plantilla underscore.js y he hecho una plantilla como esta:

<script type="text/template" id="gridItem">
    <div class="griditem <%= gridType %> <%= gridSize %>">
        <img src="<%= image %>" />
        <div class="content">
            <span class="subheading"><%= categoryName %></span>
            <% if (date) { %><span class="date"><%= date %></span><% }  %>
            <h2><%= title %></h2>
        </div>
    </div>
</script>

Como puede ver, tengo una declaración if allí porque todos mis modelos no tendrán el parámetro de fecha. Sin embargo, esta forma de hacerlo me da un error date is not defined. Entonces, ¿cómo puedo hacer si las declaraciones dentro de una plantilla?

Esto debería funcionar:

<% if (typeof(date) !== "undefined") { %>
    <span class="date"><%= date %></span>
<% } %>

Recuerde que en las plantillas underscore.js ify forson solo la sintaxis estándar de JavaScript envuelta en <% %>etiquetas.

Si prefiere una declaración if if else más corta, puede usar esta abreviatura:

<%= typeof(id)!== 'undefined' ?  id : '' %>

Significa mostrar la identificación si es válida y en blanco si no lo fue.

Dependiendo de la situación y / o su estilo, es posible que también desee usar imprimir dentro de sus <% %>etiquetas, ya que permite la salida directa. Me gusta:

<% if (typeof(id) != "undefined") {
     print(id);
}
else {
    print('new Model');
} %>

Y para el fragmento original con cierta concatenación:

<% if (typeof(date) != "undefined") {
    print('<span class="date">' + date + '</span>');
} %>

Aquí hay una simple comprobación if / else en underscore.js, si necesita incluir una comprobación nula.

<div class="editor-label">
    <label>First Name : </label>
</div>
<div class="editor-field">
    <% if(FirstName == null) { %>
        <input type="text" id="txtFirstName" value="" />
    <% } else { %>
        <input type="text" id="txtFirstName" value="<%=FirstName%>" />
    <% } %>
</div>

Respondiendo a blackdivine arriba (sobre cómo dividir los resultados), es posible que ya haya encontrado su respuesta (si es así, ¡qué vergüenza por no compartir!), Pero la forma más fácil de hacerlo es mediante el uso del operador de módulo. digamos, por ejemplo, que estás trabajando en un bucle for:

<% for(i=0, l=myLongArray.length; i<l; ++i) { %>
...
<% } %>

Dentro de ese ciclo, simplemente verifique el valor de su índice (i, en mi caso):

<% if(i%2) { %>class="odd"<% } else { %>class="even" <% }%>

Hacer esto verificará el resto de mi índice dividido entre dos (alternando entre 1 y 0 para cada fila de índice).

Puedes probar _.es Indefinido

<% if (!_.isUndefined(date)) { %><span class="date"><%= date %></span><% } %>

Desde aquí :

"También puede referirse a las propiedades del objeto de datos a través de ese objeto, en lugar de acceder a ellas como variables". Lo que significa que para el caso de OP esto funcionará (con un cambio significativamente menor que otras soluciones posibles):

<% if (obj.date) { %><span class="date"><%= date %></span><% }  %>

Para verificar los valores nulos que puede usar _.isNullde la documentación oficial

isNull_.isNull(object)

Devuelve verdadero si el valor del objeto es nulo.

_.isNull(null);
=> true
_.isNull(undefined);
=> false