title: Angular get nested element event in parent
body: <p>I am using Angular 4.
  Consider the following component structure</p>
  
  <pre><code>&lt;parent&gt;
  
   &lt;page&gt;
      &lt;content&gt;
        &lt;list&gt;1&lt;/list&gt;
        &lt;list&gt;2&lt;/list&gt;
        &lt;list&gt;.&lt;/list&gt;
        &lt;list&gt;.&lt;/list&gt;
        &lt;list&gt;n&lt;/list&gt;
      &lt;/content&gt;
   &lt;/page&gt;
  
  &lt;/parent &gt;
  </code></pre>
  
  <p>Here I want to be notified on the parent when any child page is scrolled.</p>
  
  <p>Here I am showing only one page. There can be multiple pages here.</p>
  
  <p>How should I go about doing this. Please point me in the right direction.</p>
  
  <p>Thanks</p>