title: Passing data to ViewChild from component - Angular
body: <p>How can I pass a data from component to view child element. e.g
  This the variable that I have declared on component:</p>
  
  <pre><code>@ViewChild('warningNotification', { static: false }) warningNotification: jqxNotificationComponent;
  public test: string = "NIshan";
  </code></pre>
  
  <p>Now I have a element on html page</p>
  
  <pre><code>&lt;jqxNotification #warningNotification
               [template]="'warning'"
               [blink]="false"
               [autoOpen]="false"
               [autoClose]="true"
               [closeOnClick]="true"
               [position]="'top-right'"
               [opacity]="0.9"
               [width]="'auto'"&gt;
  &lt;div&gt;&lt;span&gt;
          {{test}}
  &lt;/span&gt;
  &lt;/div&gt;
  &lt;/jqxNotification&gt;
  </code></pre>
  
  <p>but <code>{{test}}</code> this section not rendering any text. How can I solve this</p>