title: Input search field in Angular
body: <p>I am trying to implement a search field in my application. In my form i have multiple child components, where each component is rendered in a tab in tabset in parent component. I want to implement a search field in my parent component. where, when i search for a value. it should highlight the label and the tab in which this label is present in the form irrespective of the child component and Tab. How can i implement this. can someone provide me an example or an idea how to achieve this.</p>
  <p>ParentComponent.html</p>
  <pre><code>&lt;form [formGroup]='parentForm'&gt;
    &lt;div&gt;
      &lt;input type='search' placeholder=&quot;search&quot; (click)=&quot;search($event)&quot;&gt;
    &lt;/div&gt;
    &lt;app-child (click)=&quot;search()&quot; [childForm]=&quot;parentForm.controls.childForm&quot;&gt;
    &lt;/app-child&gt;
  &lt;/form&gt;
  </code></pre>
  <p>ParentComponent.ts</p>
  <pre><code>parentForm:FormGroup;
  
  ngOnInit(){
    this.parentForm = this.FormBuilder.group({
      childForm: this.FormBuilder.group({
      })
    });
  }
  search(event){
    console.log(event.target.value);
  }
  </code></pre>
  <p>ChildComponent.html</p>
  <pre><code>&lt;form [formGroup]='childForm&gt;
    &lt;label&gt;test1&lt;/label&gt;
    &lt;label&gt;test2&lt;/label&gt;
    &lt;label&gt;test3&lt;/label&gt;
    &lt;label&gt;test4&lt;/label&gt;
  &lt;/form&gt;
  </code></pre>
  <p>ChildComponent.ts</p>
  <pre><code>@Output() click = new EventEmitter(); 
  ngAfterViewInit() {
    //something like.. 
    this.click.emit({ 
    });
  }
  </code></pre>