Я использую Angular 7 и библиотеку PrimeNg.
У меня проблема с p-таблицей:
<p-table #tasktable [columns]="displayedColumns" [value]="Tasks" [globalFilterFields]="['name']" [paginator]="true" paginatorPosition="both"
rows="20" [autoLayout]="true" selectionMode="single" [(selection)]="selectedTask"
[reorderableColumns]="true" >
Затем у меня есть текстовый ввод для глобального фильтра:
<input type="text" pInputText size="50" placeholder="Search by Task name" [(ngModel)]="filterFromUrl" (input)="tasktable.filterGlobal($event.target.value, 'contains')" style="width:auto">
Все идет нормально. иногда я получаю параметр внутри своего URL, чтобы получить его, я использовал в своем component.ts:
this.activatedRoute.queryParams.subscribe(params => {
this.filterFromUrl = params['task'];
});
И теперь у меня есть параметр из URL-адреса в моем параметре filterFromUrl. Моя проблема:
Я не могу заставить таблицу фильтровать данные по параметру.
Я использовал привязку [(ngModel)] в, это не работает, я вижу параметр в элементе управления поиском:
Но он просто не запускает событие и данные не фильтруются.