AngularJS下拉菜單和文本框過濾器

我有一個ng-repeat創建一個數據表。每個條目都有幾個屬性，包括IP地址，MAC地址，作者等等。我有一個自動排列IP地址的文本框，但我也想提供一個允許用戶選擇要過濾的屬性的下拉列表。AngularJS下拉菜單和文本框過濾器

例如，默認行爲是通過在框中鍵入「12」，只顯示IP地址中具有「12」的條目。但是，如果用戶從下拉列表中選擇「作者」並在文本框中鍵入「標記」，則僅顯示作者爲「標記」的作品。

我試着設置文本框的ng模型爲「selectFiler.value」，但沒有奏效。

<form> 
    <select ng-model="selectFilter"> 
     <option value="incident_at">Incident Date</option> 
     <option value="ip_addr" selected="selected">IP Address</option> 
     <option value="mac_addr">MAC Address</option> 
     <option value="created_at">Created On</option> 
     <option value="author">Author</option> 
    <select> 
    <input type="text" placeholder="Search by IP" ng-model="filterTable.ip_addr"> 
</form>

下面是一些代碼，但因爲我使用的UI路由器和模板整個項目，我不能得到Plunker顯示的數據：我怎樣才能使這項工作 http://plnkr.co/edit/kNqx1g3HidEM0ORzsSJt?p=preview

？

來源

2015-07-11 user5104897

從angular-bootstrap庫嘗試使用typeahead。

來源

2015-07-11 03:42:47

我不明白如何幫助。這張照片是我想要的。我只想讓用戶在鍵入文本框時選擇要過濾的表列。 – user5104897

啊，我現在看到了。那麼，我的回答對於這種情況並不是真的有效。 – 2015-07-12 02:24:43

AngularJS下拉菜單和文本框過濾器

回答

相關問題