將字符串數組分割並格式化爲佈局上的列表項

Question

我有一個work和category模型之間的雙向多對多關係。當我掐了categoies展現在我的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>