我使用了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参数。然而,这种做法给了我一个错误日期没有定义。那么,如何在模板中做if语句呢?


当前回答

从这里开始:

“您还可以通过该对象引用数据对象的属性,而不是作为变量访问它们。”这意味着对于OP的情况,这将起作用(与其他可能的解决方案相比,变化明显较小):

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

其他回答

这应该可以达到目的:

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

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

要检查空值,可以使用_。isNull来自官方文档

isNull_.isNull(object)

如果object的值为空,则返回true。

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

根据情况或您的风格,您可能还想在<% %>标记中使用print,因为它允许直接输出。如:

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

对于一些连接的原始片段:

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

如果你喜欢更短的If else语句,你可以使用下面的简写:

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

这意味着如果id有效,则显示id,如果无效,则显示为空。

从这里开始:

“您还可以通过该对象引用数据对象的属性,而不是作为变量访问它们。”这意味着对于OP的情况,这将起作用(与其他可能的解决方案相比,变化明显较小):

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