Выпадающий и текстовый фильтр AngularJS

Question

У меня есть ng-repeat, который создает таблицу данных. Каждая запись имеет несколько свойств, включая IP-адрес, MAC-адрес, автора и многое другое. У меня есть текстовое поле, которое автоматически сортирует IP-адрес, но я также хочу предоставить раскрывающийся список, который позволяет пользователям выбирать, какое свойство они хотели бы фильтровать.

Например, поведение по умолчанию заключается в том, что, введя «12» в поле, будут отображаться только записи с «12» в IP-адресе. Но если пользователь выберет «Автор» из раскрывающегося списка и наберет «Марк» в текстовое поле, будут отображаться только записи с «Марк» в качестве автора.

Я попытался настроить 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

Как я могу сделать эту работу ?

Answer 1

Попробуйте использовать typeahead из библиотеки угловато-бутстрапа.