为网格添加搜索功能

Question

I have a grid with 6 items and a "Search" input bar above it. Each item has a title and description. I want to be able to use the Search input to find/filter an item in the grid by searching for either the title or description

component.html

<div class="header">
    <span style="float:right; margin-right: 25px">
      <input 
      type="text" 
      placeholder="Search">
    </span>
    <h1 style="margin-top: 25px; margin-left: 25px; font-family: 'Acme', sans-serif;">Hello World</h1>
</div>
<div class="wrapper">
  <div class="item2">
    <img class="center" src="https://natureconservancy-h.assetsadobe.com/is/image/content/dam/tnc/nature/en/photos/tnc_48980557.jpg?crop=961,0,1928,2571&wid=600&hei=800&scl=3.21375">
    <h6 *ngFor="let projectTitle of projectInfo.title">{{projectTitle}}</h6>
    <p>{{ projectInfo.description }}</p>
  </div>

component.ts

  projectInfo: any;

  constructor() {
    this.projectInfo = {
      title: ['Image Title'],
      description: `Image description will be here and likely have a character limit associated with it, as to not take up too much space on the screen.`,
    };
  }

  ngOnInit() {
  }