title: Not able to query Child Components Directive/Component form Parent using ViewChild
body: <p>I am facing issue with querying a directive of the child component in a parent component
  Table component uses scrollableView directive. and table component is used in my Report summary component.
  in reportSummary component am trying to find the instance of scrollbaleView directive using @ViewChild.
  I was able to find the table component using @ViewChild(DataTable) table : DataTable;
  similarly, i should be able to find @ViewChild(ScrollableView) scrollview : ScrollableView;
  but it does not
  ViewChild documentation says this
  <a href="https://angular.io/api/core/ViewChild" rel="nofollow noreferrer">https://angular.io/api/core/ViewChild</a>
  You can use ViewChild to get the first element or the directive matching the selector from the view DOM. If the view DOM changes and a new child matches the selector, the property will be updated.
  View queries are set before the ngAfterViewInit callback is called.</p>
  
  <p>Interestingly table reference is not found in ngAfterViewInit function, i could get the value somewhere else.
  But scrollableView is not found at any point in time.</p>
  
  <h2>Expected behavior</h2>
  
  <p>scrollableView should also be queried and available.</p>
  
  <h2>Minimal reproduction of the problem with instructions</h2>
  
  <p><a href="https://stackblitz.com/edit/child-directive-query" rel="nofollow noreferrer">https://stackblitz.com/edit/child-directive-query</a></p>