Question

我是rails的菜鸟，但我正在尝试创建一个传递集合的部分。

在partial中定义了一个变量计数器，该变量计数器隐含在传入的集合中，称为_counter，我引用它来更新行名称以获得css选择器的好处。代码如下所示：

<div class=<%= "column1--row" + product_counter.to_s + " column1--row" %> >
<img src=<%= "http://fillmurray.com/" + (size + product_counter).to_s + "/" + (size + product_counter).to_s %> alt="product1" class="product-image">
<div class="description">
    <span class="title"><%= product.title %></span><br>
    <span class="details"><%= product.description %></span>
    <span class="rank">
      <i class="fa fa-caret-up" aria-hidden="true">936</i>
    </span>
    <span class="comments"><i class="fa fa-comment" aria-hidden="true">45</i>
    </span>
</div>

但顶级div的html最终看起来像这样：

<div class="column1--row0" column1--row="">
<img src="http://fillmurray.com/155/155" alt="product1" class="product-image">
<div class="description">
    ....

所以div类最终会出现错误的选择器。我尝试了一堆不同的插值，结果通常是一样的：

这个：

<div class=<%"column1--row#{product_counter.to_s} column1--row"

和其他一些包括字符串类的concat方法。我猜测有一些显而易见的东西，因为我在连接img src标签中的字符串时没有遇到任何问题。

提前致谢。

Answer 1

试试这个：

<div class=" <%= 'column1--row' + product_counter.to_s + ' column1--row' %> " >
  <img src= " <%= 'http://fillmurray.com/' + (size + product_counter).to_s + '/' + (size + product_counter).to_s %> " alt="product1" class="product-image">
  <div class="description">
    <span class="title"><%= product.title %></span><br>
    <span class="details"><%= product.description %></span>
    <span class="rank">
     <i class="fa fa-caret-up" aria-hidden="true">936</i>
    </span>
    <span class="comments"><i class="fa fa-comment" aria-hidden="true">45</i>
    </span>
</div>

无法在Ruby

1 个答案: