该模板的下划线条件和操作?

时间:2016-06-02 21:45:06

标签: javascript html underscore.js

新的下划线。我如何写一个"每个"每个帖子的功能,以便只显示最新的帖子?我知道逻辑是这样的

<% _.each(posts, function(post, index) { %>
<% if(index % 3 == 0) { %> 

但我只想要最后的帖子。除此之外,我试图在每个部分之前弄清楚我在评论中写的逻辑,如果只是在尝试找出 if / then 逻辑代码时我会遇到问题如果仅显示文本,则显示图像;如果图像和文本一起显示,则显示图像。

<!-- TEXT ONLY -->
<p><%= post.message %></p>
<!-- /TEXT ONLY -->

<!-- IMAGE ONLY -->
<img class="imgonly" src="<%= post.image %>">
<!-- /IMAGE ONLY -->

<!-- TEXT + IMAGE -->
<p><%= post.message %></p>
<img class="imgtext" src="<%= post.image %>">
<!-- /IMAGE + IMAGE -->

<!-- TEXT + IMAGE + LINK + LINK SUMMARY -->
<p><%= post.message %></p>
<p class="link"><a href="<%= post.link %>" target="_blank"><%= post.link_title %></a> - <%= post.link_summary %><\/p>
<img class="imgtext" src="<%= post.image %>">
<!-- /IMAGE + IMAGE + LINK + LINK SUMMARY -->

<!-- IMAGE + LINK + LINK SUMMARY -->
<p class="link"><a href="<%= post.link %>" target="_blank"><%= post.link_title %></a> - <%= post.link_summary %></p>
<img class="imgtext" src="<%= post.image %>">
<!-- /IMAGE + LINK + LINK SUMMARY -->

<!-- PLACEHOLDER -->
<p><i>There are currently no updates. Please check back soon.</i>   </p>
<!-- /INITIAL PLACEHOLDER -->              

1 个答案:

答案 0 :(得分:0)

我相信你可以尝试类似的东西:

<% if (posts.length !== 0) {      
   var post = posts[posts.length-1];  
%> 

<% if (post.message) { %>
<!-- TEXT ONLY -->
<p><%= post.message %></p>
<!-- /TEXT ONLY -->
<% } %>

<% if (post.image) { %>
<!-- IMAGE ONLY -->
<img class="imgonly" src="<%= post.image %>">
<!-- /IMAGE ONLY -->
<% } %> 

<% if (post.message && post.image) { %>
<!-- TEXT + IMAGE -->
<p><%= post.message %></p>
<img class="imgtext" src="<%= post.image %>">
<!-- /IMAGE + IMAGE -->
<% } %> 

...

<% } %>