title: How to fix ChangeDetectorRef import error: No provider for ChangeDetectorRef
body: <p>I'm having an issue importing ChangeDetectorRef into one of my components.</p>
  
  <p>For reference, the family tree goes PComponent (parent) -> Options-Grid (child) -> FComponent (grandchild).</p>
  
  <p>This is the error I'm getting in the browser:</p>
  
  <pre><code>StaticInjectorError(AppModule)[FComponent -&gt; ChangeDetectorRef]: 
    StaticInjectorError(Platform: core)[FComponent -&gt; ChangeDetectorRef]: 
      NullInjectorError: No provider for ChangeDetectorRef!
  </code></pre>
  
  <p>The line of code that the error takes me to is in the Grandparent component (PComponent), where it instantiates the first child component (Options-Grid).</p>
  
  <pre><code>&lt;div&gt;
      &lt;options-grid&gt;&lt;/options-grid&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am providing ChangeDetectorRef correctly in the constructor and importing it correctly in FComponent. The error reference in the code points to PComponent html where I instantiate Options-Grid component.</p>
  
  <p>Is this because I'm not providing ChangeDetectorRef in the parent component?</p>