Como usar as instruções if nos modelos underscore.js?

Estou usando a função de modelo underscore.js e fiz um modelo como este:

<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 você pode ver, eu tenho uma instrução if, porque todos os meus modelos não terão o parâmetro date. No entanto, essa maneira de fazer isso me dá um erro date is not defined. Então, como posso fazer as declarações if dentro de um modelo?

Isso deve fazer o truque:

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

Lembre-se de que nos modelos underscore.js ife forsão apenas a sintaxe javascript padrão envolvida em <% %>tags.

Se você preferir uma declaração mais curta, se houver, poderá usar esta abreviação:

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

Significa exibir o ID se for válido e em branco se não for.

Dependendo da situação e / ou do seu estilo, você também pode usar a impressão dentro de suas <% %>tags, pois isso permite a saída direta. Gostar:

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

E para o trecho original com alguma concatenação:

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

Aqui está uma verificação if / else simples no underscore.js, se você precisar incluir uma verificação 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>

Respondendo ao blackdivine acima (sobre como distribuir os resultados), você já deve ter encontrado sua resposta (se for o caso, que vergonha por não compartilhar!), Mas a maneira mais fácil de fazer isso é usando o operador de módulo. digamos, por exemplo, você está trabalhando em um loop for:

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

Dentro desse loop, basta verificar o valor do seu índice (i, no meu caso):

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

Isso verificará o restante do meu índice dividido por dois (alternando entre 1 e 0 para cada linha do índice).

Você pode tentar _.isUndefined

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

A partir daqui :

"Você também pode se referir às propriedades do objeto de dados através desse objeto, em vez de acessá-las como variáveis." Isso significa que, no caso do OP, isso funcionará (com uma alteração significativamente menor do que outras possíveis soluções):

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

Para verificar valores nulos, você pode usar _.isNullda documentação oficial

isNull_.isNull(object)

Retorna true se o valor do objeto for nulo.

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