如何在underscore.js模板中使用if语句？

我正在使用underscore.js模板功能，并且已经完成了如下模板：

<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>

如您所见，我在那里有一个if语句，因为我所有的模型都没有date参数。但是，这种方式给我一个错误date is not defined。那么，如果模板中的语句该怎么办？

这应该可以解决问题：

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

请记住，在underscore.js模板中if，for它们只是包装在<% %>标记中的标准javascript语法。

如果您希望使用简短的if else语句，则可以使用以下缩写：

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

这表示如果有效，则显示该ID；如果无效，则显示空白。

根据情况和您的风格，您还可能希望在标签内使用打印<% %>，因为它可以直接输出。喜欢：

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

对于具有一些串联的原始代码段：

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

如果需要包括空检查，这是underscore.js中的一个简单的if / else检查。

<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>

响应上面的blackdivine（关于如何去除结果的条纹），您可能已经找到了答案（如果是的话，为不共享而感到羞耻！），但是最简单的方法是使用模运算符。例如，您正在for循环中工作：

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

在该循环中，只需检查索引的值（以我为例）：

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

这样做将检查索引的其余部分除以2（在每个索引行之间在1和0之间切换）。

您可以尝试_.isUndefined

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

从这里：

“您还可以通过该对象引用数据对象的属性，而不是将其作为变量访问。” 这意味着对于OP而言，这将起作用（与其他可能的解决方案相比，变化很小）：

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

要检查空值，可以_.isNull从官方文档中使用

isNull_.isNull(object)

如果object的值为null，则返回true。

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