AngularJS下拉和文本框过滤器答案

【问题标题】：AngularJS Dropdown and Textbox FilterAngularJS下拉和文本框过滤器
【发布时间】：2015-07-11 11:42:47
【问题描述】：

我有一个创建数据表的 ng-repeat。每个条目都有多个属性，包括 IP 地址、MAC 地址、作者等。我有一个自动对 IP 地址进行排序的文本框，但我还想提供一个下拉列表，允许用户选择他们想要过滤的属性。

例如，默认行为是通过在框中键入“12”，仅显示 IP 地址中带有“12”的条目。但是如果用户从下拉列表中选择“作者”并在文本框中输入“标记”，则只会显示以“标记”为作者的条目。

我尝试将文本框的 ng-model 设置为“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-router 和模板，所以我无法在 Plunker 中显示数据： http://plnkr.co/edit/kNqx1g3HidEM0ORzsSJt?p=preview

我怎样才能做到这一点？

【问题讨论】：

标签： javascript angularjs

【解决方案1】：

尝试使用 angular-bootstrap 库中的typeahead。

【讨论】：

我不明白这有什么帮助。这张图是我想要的。我只想让用户在输入文本框时选择他们要过滤的表列。
啊，我明白了。那么，我的回答对于这种情况并不真正有效。