2013-05-25 17 views
2

我有一張表格,我希望使用選擇框進行篩選。如果我嘗試使用<input>進行過濾,則效果很好。但是當我用<select>做到這一點時,表格變空了。我已經評論了<input>,這是有效的。任何想法,爲什麼我不能過濾選擇?無法根據選擇框篩選表格

<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> 
+0

認爲你可以提供一個plnkr /的jsfiddle? – 2013-05-25 15:37:01

回答

2

你沒有使用正確的模型,它是一個選擇,所以你不需要後綴。

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

+0

看不到列規範被刪除(query2.code - > query2)以外的任何其他差異?仍然不適合我。我也嘗試在選擇中對選項進行硬編碼。沒有不同。 – Per

+0

是的,這是正確的方法。我的意思是後綴*(編輯) – Ven

+0

那麼我只想過濾第一列。但我試圖刪除它,這是沒有運氣。 – Per