Question

我列出以前用过的送货地址供用户选择。我动态添加类

<div class="row">
    <% @shipping_addresses.each do |address| %>
      <ul class=<%= "shipping_address_#{address.id}" %> >
        <li><%= address['name'] %> </li>
        <li><%= address['street'] %> </li>
        <li><%= address['city'] %></li> 
        <li><%= address['country'] %></li> 
        <li><%= address['zip'] %></li> 
        <li><%= address['phone'] %> </li>
      </ul>
    <% end %>
</div> <!-- row -->

问题是，现在我正在尝试将col-lg-3引导程序类添加到我的ul中，当我这样写它时它不起作用：

<ul class=<%= "shipping_address_#{address.id} col-lg-3" %> >

我得到了这个输出：

<ul class="shipping_address_38" col-lg-3="">

我也尝试了几种不同的选择，但它们都不起作用。

有人可以帮忙吗？

谢谢

Answer 1

您输出的实际html是

<ul class=shipping_address_38 col-lg-3>

您的浏览器会尽可能地解释这一点。模板中的引号永远不会出现在实际的html中，因为它们实际上并不是字符串的一部分。

您可以执行类似

的操作

<ul class="<%= "shipping_address_#{address.id} col-lg-3" %>" >

虽然在我看来，你现在已经超过了ERB难以阅读的地步 - 你可能希望将其重构为帮手。

用于在View中动态添加类的字符串连接

1 个答案: