Как получить список массивов, отфильтрованный внешним полем ввода (поиск), чтобы показать суженный список в Angular 7 с данными ngx? - PullRequest
Новая
       23

Как получить список массивов, отфильтрованный внешним полем ввода (поиск), чтобы показать суженный список в Angular 7 с данными ngx?

0 голосов
/ 16 мая 2019

Я использую файл-трубу, чтобы отсортировать список имен сотрудников по значениям, введенным человеком в поле ввода.Затем мне нужен этот сокращенный список по значению, чтобы сузить ngx-datatable по этим именам.Однако мне нужно знать, какое значение поместить в мои ngFor и NgIf и как заставить его отражаться в datatable, а не в отдельном теге div или любом другом теге, так как я использую внешний блок ввода.Массив в машинописном тексте.

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

.html 

<input type="text" [(ngModel)]="employeFilter.name" class="hrInput" 
placeholder="&#xf002; Search Names" >
 <div *ngFor="let column of columns | filterBy: employeeFilter "> 
{{column.prop}}</div>
 <div *ngIf="(columns | filterBy: titleFilter).length === 0 "></div>


<div class="d-sm-none d-md-none d-lg-block d-xl-block accordion-group-data">
  <ngx-datatable class="expandable"
                 [rows]="rows"
                 [columns]="columns"
                 [headerHeight]="40"
                 [rowHeight]="'auto'"
                 [columnMode]="'force'" [limit]="20" [footerHeight]="50">
    <ngx-datatable-column name="EmployeeName" sortable="true">

{{значение}}

.ts 

this.filterPipe.transform(this.columns, { prop: 'empName' });

Когда я ввожу значение в поле ввода (поиска), данные сужаются по значениям, которые я ввел в поле ввода по именам сотрудников.

...