title: How to access parent component properties from a child route component in Angular?
body: <p>I'm new to Angular and I'm stuck there.
  I know how to share data between parent and child components simply by injecting [parentData]=&quot;var&quot; into the child selector &lt;&gt;.</p>
  <p>But when using routing; I only have a router-outlet and can't bind [parentData] to it as it throws an error.</p>
  <p>What is the best and easiest way to access parent properties from a child's route?</p>
  <p>The project is on <a href="http://stackblitz.com/edit/angular-s66atk" rel="nofollow noreferrer">stackblitz here</a>.</p>
  <p>I need to display products (from the parent component) inside the child component.</p>
  <p>version:(Angular 5)</p>