整个表格列的一个通用下拉列表

Question

我有一个包含动态内容的表。列之一是select option的类型（下拉列表）。这些options对于所有表行都是相同的。因此，我要准备在列表中，并在选择此列时显示此列表。

当前HTML是

<tbody>
   <tr data-ng-repeat="item in items">
   <td>{{item.name}}</td>
   <td>
     <select>
        <option data-ng-repeat="option in item.options" 
               value="{{option.value}}">{{option.name}}</option>
     </select>
  </td>
  </tr>
</tbody>

我正在考虑编写如下的新代码

<tbody>
   <tr data-ng-repeat="item in items">
   <td>{{item.name}}</td>
   <td>
     <span>value <i class="fa fa-arrow-down"></i></span>
  </td>
  </tr>
</tbody>
<dropdown-list></dropdown-list>

我需要显示类似html的类似显示。我的意思是下拉列表应显示在确切位置。我该怎么办？