title: Angular passing array from parent to child component
body: <p>Before we start, I started learning Angular about 1 week ago, don't be afraid to take it right back to basics.</p>
  
  <p>So how do you do it?
  In app.component.ts I have an standard array that needs to be accessable by multiple child components.</p>
  
  <pre><code>@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
  })
  export class AppComponent {
    masterArray = ['Create', 'Foo', 'Bar'];
  }
  </code></pre>
  
  <p>How do pull this into child components generated by angular cli.
  For example I need to use it in the navigation component to generate the navigation panel.</p>
  
  <pre><code>&lt;li *ngFor = "let i of masterArray; let ind = index"&gt;
    &lt;a&gt;{{i}}&lt;/a&gt;
  &lt;/li&gt;
  </code></pre>