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

Question

我正在使用 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 语句？

Answer 1

这应该可以解决问题:

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

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