Угловой фильтр Smart Table не обновляет страницу

Question

Угловой фильтр Smart Table не обновляет страницу

0

я упаковал этот плункер

https://plnkr.co/edit/zrSgAG3NctuveLTNgnZS?p=preview

так как вы можете видеть, что есть глобальный поиск, который вы можете искать по этой категории или выбирать категорию, например eyeColor или gender, для фильтрации по этой категории. фильтр отлично работает. однако страница на нижнем колонтитуле неправильно отображает данные. количество страниц не изменяется, несмотря на то, что фильтр не сократил набор данных. Я не использую st-фильтр, так как мне нужно поддерживать щелчок и фильтр, например цвет глаз и пол, где вы можете щелкнуть по категории, которую вы хотите фильтровать.

I am using searcQuery filter this way instead
      <input type="search" ng-model="vm.searchQuery" placeholder="Global search" class="input-sm form-control" />
.
.
.

    ng-repeat-start="artists in (displayedCollection | filter: vm.searchQuery)">

любые идеи, что я делаю неправильно?

Justin Homes 05 сен. 2016, в 16:48

Источник

Теги:

javascript

angularjs

smart-table

1 ответ

Ещё вопросы

laurent · Accepted Answer · 2016-09-06T12-08-00.000Z

вам нужно вызвать функцию таблицы api.search(). По умолчанию смарт-таблица является однонаправленной и не нуждается в ngModel (чтобы избежать сложной/сложной двунаправленной синхронизации состояний). Если вы хотите сделать это, я предлагаю вам обернуть ваше поведение в директиве, наблюдая за изменением модели и таблицей вызова api

app.directive('filter',function(){
    return {
        require:'stTable',
        scope:{
            filter:'='
        },
        link:function(scope,el,att,table){
                scope.$watch('filter',function(val){
                    table.search(val);
                });
        }
    }
})

plunker