Блог

Допустим, у меня есть выпадающий список, который привязан к свойству модели, которое будет проверяться для определения модели, которая будет привязана к моему текстовому полю.

 <select ng-model="searchType">
   <option value="Id">Id</option>
   <option value="Firstname">Firstname</option>
</select>
  

что бы ни выбрал пользователь, поиск будет основан на этом, и это может быть либо searchQuery.id searchQuery.Firstname

Он отображается следующим образом:

 <tr ng-repeat="user in users | orderBy:sortColumn:sortDescending | filter:searchQuery">
        <td>{{ user.Id }}</td>
        <td>{{ user.Firstname }}</td>
        <td>{{ user.LastName }}</td>
</tr>
  

Я пытался использовать код из аналогичной темы, в которой используется getter/setter , но, похоже, я не могу заставить его работать.

Как мне это сделать?

Вы можете быть search объектом внутри контроллера, $scope.search = {} а затем поместить объект поиска поверх этого фильтра.

 <select ng-model="searchType">
   <option value="Id">Id</option>
   <option value="Firstname">Firstname</option>
</select>
<input class="form-control" ng-model="search[searchType]" ng-disabled="!searchType.length"/>

<tr ng-repeat="user in users | orderBy:sortColumn:sortDescending | filter: search">
    <td>{{ user.Id }}</td>
    <td>{{ user.Firstname }}</td>
    <td>{{ user.LastName }}</td>
</tr>
  

Хотя вышеописанное будет работать, но если вы измените выпадающий список, теперь он будет работать по назначению. Так что очищайте search объект при изменении значения выпадающего списка. Чтобы поиск был более точным.

Демонстрационный Plunkr

если я не ошибаюсь, вы можете сделать это :

 ng-repeat="user in users | .... | filter:conditionalSearch()"
  

а затем в вашем контроллере / ссылке добавьте это :

 $scope.conditionalSearch = function() {
    if ($scope.searchType == 'id') return { .. condition 1 .. }
    if ($scope.searchType == 'firstName') return { .. condition 2 .. }
}