title: Pass data from nested Components Angular 2
body: <p>I have a component where with a *ngFor print some boxes defined in an other component like this:</p>
  
  <pre><code>&lt;div&gt;
   &lt;commponentB *ngFor="let a of list"&gt;&lt;/componentB&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>where "list" is a list ok object like this:</p>
  
  <pre><code>this.list=[{"id":"3","nome":"app3","posizione":3},{"id":"1","nome":"app1","posizione":1},{"id":"2","nome":"app2","posizione":2}];
  </code></pre>
  
  <p>I have to populate all the component. How can I transfer data from this two component?</p>
  
  <p>TY</p>
  
  <p>EDIT1:</p>
  
  <p>the problem is that the list is splitted into 2 list for the repeat in 2 different bootstrap columns so the situation is this:</p>
  
  <pre><code>&lt;div&gt;
   &lt;commponentB *ngFor="let a of list1"&gt;&lt;/componentB&gt;
  &lt;/div&gt;
  &lt;div&gt;
   &lt;commponentB *ngFor="let a of list2"&gt;&lt;/componentB&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and the component is like that:</p>
  
  <pre><code>&lt;div&gt;
  &lt;span&gt;{{name}}&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>if I pass all the list I can't know how to populate the component at the right position (sorry if I don't explain the problem very well)</p>