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

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`s，它不`吨工作时，我把它写这样的：

<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变得难以阅读的地步 - 你不妨重构为一个帮手这一点。