无法根据选择框过滤表格

Question

我有一张桌子，我想用选择框过滤。如果我尝试使用<input>进行过滤，则效果很好。但当我使用<select>时，表格变空。我已经注释掉<input>，它有效。有什么想法我不能用select过滤？

<fieldset ng-controller="DimensionListCtrl">
  Pipe: <select ng-model="query2.code" 
            ng-options="pipe.code for pipe in pipes"></select>
  <!-- Search: <input ng-model="query2.code">  -->
  <table class="table table-striped">
    <thead>
    <tr>
      <th>Code</th>
      <th>Pipe title</th>
      <th>Size</th>
      <th>Inner diameter</th>
      <th>Outer diameter</th>
    </tr>
    </thead>
    <tbody>
    <tr ng-repeat="dimension in dimensions |filter:query2">
      <td>{{dimension.code}}</td>
      <td>{{dimension.title_en}}</td>
      <td>{{dimension.nominalsize}}</td>
      <td>{{dimension.innerdiameter}}</td>
      <td>{{dimension.outerdiameter}}</td>
    </tr>
    </tbody>
  </table>
</fieldset>

Answer 1

你没有使用正确的型号，它是一个选择，因此你不需要为它添加后缀。

http://plnkr.co/edit/PTJ390DpRlOev9tjcKJY?p=preview