title: @viewchild unable to get input element value from child component
body: <p>I am using parent and child component. In child component I use search box. I need to get search box value at any time on demand. How to get this?</p>
  
  <p>Child Component html - GridViewComponent</p>
  
  <pre><code>&lt;input id="successFilter" name='filterInput' type="text" (keyup)="searchSuccess($event)"&gt;
  </code></pre>
  
  <p>Parent Component ts</p>
  
  <pre><code>@ViewChild(GridviewComponent) grdView: GridviewComponent;
  </code></pre>
  
  <p>wrote above line before constructor</p>
  
  <pre><code>this.grdView.filterInput.subscribe(data =&gt; {
    console.log(data);
  });
  </code></pre>
  
  <p>am unable to get input value on demand</p>