Underscore.js將if/else添加到每個函數

Question

我正在使用clndr.js日曆和underscore.js模板。

尋找一些幫助在下劃線<% _.each函數中實現if/else語句。

<div class="days"> 
    <% _.each(days, function(day) { %> 
    <div class="event <%= day.classes %>" id="<%= day.id %>"> 
     <div class="number"><%= day.day %></div> 
     <% _.each(day.events, function(event){ %> 
      <div class="event <%= event.val %>"></div> 
     <% }) %> 
    </div> 
    <% }); %> 
</div> 

目前<div class="event <%= event.val %>"></div>顯示每一天在一個事件中存在的日曆，這是偉大的。不過，我也想添加一個div幾天，當一個事件不存在：

<div class="days"> 
    <% _.each(days, function(day) { %> 
    <div class="<%= day.classes %>" id="<%= day.id %>"> 
     <div class="number"><%= day.day %></div> 
     <% _.each(day.events, function(event){ %> 

      # if the event exists, show this div 
      <div class="event <%= event.val %>"></div> 

      # else if the event does not exist, show this div: 
      <div class="event none"></div> 
     <% }) %> 
    </div> 
    <% }); %> 
</div> 

Answer 1

，這是一個each回調中不會改變任何事情的事實。 Underscore's template可以直接使用JavaScript。

<% if (event && event.val) { %> 
    <div class="event <%= event.val %>"></div> 
<% } else { %> 
    <div class="event none"></div> 
<% } %> 

或者因爲你的例子很瑣碎，以下就足夠了。

<div class="event <%= event.val || 'none' %>"></div>