要重用组件以显示经过筛选的集合，您可以按照以下步骤操作：

1. 创建一个可重用的组件，用于显示集合中的项。这个组件可以是一个列表、表格或者任何您需要的形式。在组件的输入属性中，添加一个用于接收过滤后的集合的属性。

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-filtered-collection',
  template: `
    

      
{{ item }}
    
  `
})
export class FilteredCollectionComponent {
  @Input() filteredCollection: any[];
}

2. 在父组件中，创建一个用于过滤集合的属性和方法。在方法中，根据筛选条件对集合进行筛选，并将结果赋值给过滤后的集合属性。

import { Component } from '@angular/core';

@Component({
  selector: 'app-parent-component',
  template: `
    
    
  `
})
export class ParentComponent {
  collection: any[] = ['item1', 'item2', 'item3', 'item4'];
  filteredCollection: any[];
  filterText: string;

  filterCollection() {
    this.filteredCollection = this.collection.filter(item => item.includes(this.filterText));
  }
}

3. 在父组件的模板中，使用子组件，并通过属性绑定将过滤后的集合传递给子组件。

现在，当您在文本框中输入筛选条件时，父组件将根据条件对集合进行筛选，并将筛选结果传递给子组件以显示。