循环遍历Rails 4中的一个元素,该元素用循环包含其他元素

时间:2016-07-20 07:17:14

标签: ruby-on-rails

当存在包含循环属性的另一个元素时,我通过循环使用link_to运行问题。

这就是我的意思。我正在显示图像中博客的帖子 - 这个图像将包含多个内容元素,所有这些内容都是从我在Rails中的表中提取的。

使用存根作为链接,此工作正常,它包含<a>链接中的所有图片/帖子内容:

<ul id="hexGrid">
  <li class="hex">
    <a class="hexIn" href="#">
      <img alt="rss feed" src="http://www.example/image.png" />
      <h1>Business Business Business </h1>
      <p>Ipsum Incorporated is going to do something</p>
    </a>
  </li>
</ul>

也就是说,我希望它附加我Stub表格中Post列的相关链接,因此我会像这样调整代码:

<ul id="hexGrid">
  <li class="hex">
    <%= link_to post.slug, about_path(post.slug), class: "hexIn" %>
      <img alt="rss feed" src="http://www.example/image.png" />
      <h1>Business Business Business </h1>
      <p>Ipsum Incorporated is going to do something</p>
    </a>
  </li>
</ul>

现在我认为这看起来很棒。我仍然将链接更改为hexIn类。然而,图像帖子最终被扭曲并且明显错误。

在查看源代码后,我注意到Rails成功地将href更改为表中的链接(好!),但在链接后附加了一个结束符。由于在原始代码中,此链接保持打开直到第7行,我认为这导致了问题。

<a class="hexIn" href="/about"></a>

有什么方法可以阻止动态添加第3行中的</a>来解决这个问题?还是另一种方法?

1 个答案:

答案 0 :(得分:1)

试试这个。

<%= link_to about_path(post.slug), class: "hexIn" do %>
      <img alt="rss feed" src="http://www.example/image.png" />
      <h1>Business Business Business </h1>
      <p>Ipsum Incorporated is going to do something</p>
<%end%>