Как сделать фильтр в ngx-нумерации - PullRequest
Новая
       12

Как сделать фильтр в ngx-нумерации

0 голосов
/ 20 марта 2019

В Angular 7 + Electron 4 я использую ngx-нумерацию, но не могу решить проблему с фильтром.Я делаю как в документации , но получаю ошибку Uncaught Ошибка: ошибки синтаксического анализа шаблона: не удалось найти канал 'stringFilter' Помогите мне, пожалуйста.Заранее спасибо HTML-1: 

<input
  type="text"
  name="search"
  class="search__input"
  placeholder="Search by Name..."
  [(ngModel)]="tableService.filter">

HTML-2: 

<ul class="table-body__list">
 <li *ngFor="let item of tableService.items | stringFilter: tableService.filter | paginate: config">
   <app-item [item]="item"></app-item>
 </li>
</ul>

<pagination-controls
  [maxSize]="maxSize"
  directionLinks="true"
  responsive="true"
  previousLabel="Previous page"
  nextLabel="Next page"
  (pageChange)="onPageChange($event)">        
</pagination-controls>

Машинопись: 

import { Component, OnInit } from '@angular/core';
import { PaginationInstance } from 'ngx-pagination';
import { TableService } from '../../services/table.service';
@Component({
  selector: 'app-jobs-table',
  templateUrl: './jobs-table.component.html',
  styleUrls: ['./jobs-table.component.scss']
})
export class JobsTableComponent implements OnInit {
  filter = '';
  maxSize = 9;
  config: PaginationInstance = {
    itemsPerPage: 11,
    currentPage: 1
  };

  constructor(public tableService: TableService) { }

  ngOnInit() {
  }

  onPageChange(number: number) {
    this.config.currentPage = number;
  }

}

В TableService: 

filter = '';

1 Ответ

1 голос
/ 20 марта 2019

Как найдено на github (поиск по фильтру в репозитории).очевидно, npx-нумерация не идет с любыми стандартными фильтрующими трубами.их документ .... неоптимальный

...