title: Angular5 how to get a variable reference from child component
body: <p>I'm using PrimeNG's data table with a global filter. I want the search input to be inside a child component.</p>
  
  <p>PrimeNG enables globalFilter by doing this</p>
  
  <p>having an input with a variable reference:</p>
  
  <pre><code> &lt;input #gb type="text" placeholder="Search"&gt;
  </code></pre>
  
  <p>and being used as the model for PrimeNG's globalFilter:</p>
  
  <pre><code> &lt;p-dataTable [globalFilter]="gb"&gt;
  </code></pre>
  
  <p>Is it possible for #gb to be inside a child component and be accessed in the parent?</p>
  
  <p>Here's the <a href="https://plnkr.co/edit/QcTZG0lXwLgUhyn3uVWD?p=preview" rel="nofollow noreferrer">plunker</a>. If you need more information please let me know</p>