- Вы должны добавить вывод для компонента поиска
@Output() search: string;
Вы должны привязать его к шаблону компонента поиска
<app-search (search)="searchStr = $event"></app-search>
Вы должны использовать searchStr для фильтрации списка (для этого вы можете написать для него функцию - например, по имени)
get displayList() {
return this.list.reduce((sum, value) => {
if (value.name.substring().indexof(this.searchStr.substring()) > -1) {
sum.push(value);
}
return sum;
}, []);
}
Теперь отобразите список
<ul>
<li *ngFor="let item of displayList">{{ item.name }}</li>
</ul>
Надеюсь, эта помощь