Использование пользовательского условия на смарт-таблице

Question

Как добавить условие пользовательского поиска к смарт-таблице?

Обычно мы устанавливаем поиск столбца, как это:

<input st-search="description" placeholder="Description..." type="search"/> 

Но есть способ, чтобы использовать пользовательскую функцию для поиска? Использование st-set-filter изменит поведение st-search, и это не то, что я хочу.

На данный момент, я добавляю условие при построении таблиц такие строки:

<tr ng-repeat="request in r.displayedRequests" 
    ng-if="r.isInArray(r.developersList, request.developers && (request.status != 'CAN')"> 
    <td>{{request.id}}</td> 
    <td>{{request.description}}</td> 
    <!-- ... --> 
</tr> 

Doing это фильтрует правильные линии, но это делает пагинацию потерпеть неудачу, поскольку displayedRequests не обновляется, как при использовании st-search.

Итак, как я могу добавить условие, используя мои переменные-регуляторы, чтобы фильтровать мои строки таблицы?

(И еще будучи в состоянии фильтровать по глобальной или столбца поиска с использованием st-search на различных текстовых входов)

Answer 1

Выполнение этого фильтрует правильные линии, но это делает пагинация неудачу

вы должны действительно не фильтровать строки в таблице, используя ng-if при использовании ng-repeat. Выражения ng-repeat могут принимать собственные аргументы фильтра и могут принимать ваши собственные настраиваемые фильтры.

ng-repeat="item in vm.items | filter: thoseIDislike" 

это будет также убить пагинацию, так что используйте st-safe-src директиву, чтобы сохранить безопасную копию ваших данных и повтора ею

sample plunker

Но есть способ, чтобы использовать пользовательская функция для поиска?

да, вы можете использовать ng-change на input, когда вы измените значение на вход в модели, функция будет работать (чтобы предотвратить его запуск на каждом ключевом инсультом, я использую ng-model-option «s дребезга собственности)

<input st-search="firstName" 
      placeholder="first name" 
      ng-model="fname" 
      ng-model-options="{ debounce: 1000 }" 
      ng-change="alertMe(fname)"> 

в контроллере:

$scope.alertMe = function(message) { 
    if (message.length>0) { 
    alert(message); 
    } 
}