javascript - AngularJS 下拉列表和文本框过滤器

Question

我有一个 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

我怎样才能做到这一点？

Answer 1

尝试使用typeahead来自 Angular-bootstrap 库。