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

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 -->

问题是，当我这样编写uls, and it doesnt时，我正在尝试向ul lg-3引导类添加一个引导类：

<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" %>" >

虽然在我看来，你现在已经过了再培训局难以阅读的地步--你可能希望把它重构成一个助手。