将字符串数组拆分并格式化为布局上的列表项

Question

我在work和category模型之间存在双向多对多的关系。当我在我的work#index

上采摘分类时

HTML：

<% @works.each do |work| %>
   <article class="work-item" data-project="<%= work.id %>">
      <header class="w-article-title ">
         <%=raw work.svg %>
         <h1 class="article-name"><%= work.name %></h1>
         <ul class="categories-total n-visible">
           <li><%= work.categories.pluck(:name) %></li>
         </ul>
       </header>
     </a>
   </article>
<% end %>

它最终会返回一个字符串数组，如：

["Visual Design", "Strategy + UX", "UxD"]

如何进行布局显示：

• 个人名单项目？
• 删除括号
• 修剪字符串中的“”

Answer 1

     <ul class="categories-total n-visible">
       <% work.categories.pluck(:name).each do |n| %>
         <li><%= n %></li>
       <% end %>
     </ul>