我有一个现有的rails应用程序。在一个视图文件中,我想以特定方式打印2个数组元素。我的两个数组是@itemgroups_array和@ all_brands_array,其中@all_brands_array是一个数组数组。对于@itemgroups_array的每个元素,将打印@all_brands_array的相应元素。正如我刚才所说的@all_brands_array的每个元素都是另一个数组,因为我想在同一行中打印最里面的数组元素,所以我使用了join()方法。这很好。
我的代码是:
<% counter = 0 %>
<% @itemgroups_array.each do |ig_name|%>
<div id="<%=ig_name%>div">
<%=ig_name%>
<input type="checkbox" class="check_class" id="<%=ig_name%>c" checked="true">
<%= @all_brands_array[counter].join(" ")%>
</div>
<% counter = counter + 1 %>
<%end%>
它正在给出这样的输出:(概念上)
Conveyor
Jeekay(AD) SKF
Bolt & Nut
Nirlon(AD) FAG SKF(AD)
我设法通过语句@all_brands_array [counter] .join(“”)在同一行中打印Nirlon(AD),FAG,SKF(AD)。但我想打印如下:
Conveyor Jeekay(AD) SKF
Bolt & Nut Nirlon(AD) FAG SKF(AD)
,即概念上外部数组元素和内部数组元素在同一行中,就像上面一行一样。
请帮我解决这个问题。
提前致谢!
我的浏览器为此部分生成的html是:
<div id="persist">
<div id="Conveyordiv">
Conveyor
<input type="checkbox" class="check_class" id="Conveyorc" checked="true">
Jeekay(AD) SKF
</div>
<div id="Bolt & Nutdiv">
Bolt & Nut
<input type="checkbox" class="check_class" id="Bolt & Nutc" checked="true">
Nirlon(AD) FAG SKF(AD)
</div>
</div>
答案 0 :(得分:0)
左浮是解决方案。为元素提供足够宽度的div,并将css属性作为float:left。
放入div试试这个:
$scope.reverse = ($scope.propertyName === propertyName) ? !$scope.reverse : false;