У меня есть выпадающий список, в котором есть один элемент в списке.Когда я нажимаю на него, происходит сортировка данных ngx по этому элементу.После того, как этот элемент выбран, мне нужно окно поиска, чтобы сузить результаты по тому, что набирает человек, по сути, выполнить линейный поиск.Как подключить раскрывающийся список к окну поиска, чтобы он выбирал элемент для сужения результатов?
.html
<button class="btn btn-light filter-button" ngbDropdownToggle>Select an Item</button>
<div ngbDropdownMenu aria-labelledby="sInput" >
<button ngbDropdownItem *ngFor="let column of columns" (click)="sort(column.prop)">
<div *ngIf="column.prop === 'people'">{{column.name}}</div>
</button>
</div>
</div>
<div>
<input type="text" class="sInput" placeholder=" Search Chosen Column" #columnHeaderSearch (keyup)="search(columnHeaderSearch, 'people')" /> </div>
.ts
search(sText, item) {
if (sText.length > 0) {
if (item === 'people') {
this.tRow = this.rows.filter((row) => { return row['people'].toLowerCase().indexOf(sText.toLowerCase()) > -1; });
}
else if (sText.length < 1) {
if (item === 'people') {
this.zeroResults = true;
} else {
this.zeroResults = false;
}
}
}
Когда я выбираю «люди», я могу ввести буквы в поле поиска и сузить результаты.