如何在 underscore.js 模板中使用 if 语句? [英] How to use if statements in underscore.js templates?

问题描述

我正在使用 underscore.js 模板函数并完成了这样的模板:

如您所见，我在那里有一个 if 语句，因为我的所有模型都没有日期参数.然而，这样做的方式给了我一个错误date is not defined.那么，模板中的 if 语句该怎么做呢?

解决方案

这应该可以解决问题:

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

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

I'm using the underscore.js templating function and have done a template like this:

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

As you can see I have an if statement in there because all of my models won't have the date parameter. However this way of doing it gives me an error date is not defined. So, how can I do if statements within a template?

解决方案

This should do the trick:

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

Remember that in underscore.js templates if and for are just standard javascript syntax wrapped in <% %> tags.

这篇关于如何在 underscore.js 模板中使用 if 语句?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！