title: Generate child components from ngFor in Angular 2
body: <p>Is it possible to create independent child Components from ngFor iteration in Angular 2?</p>
  
  <p>I'm making a Quiz application with a structure, where one <code>Quiz</code> component have multiple <code>Categories</code>, and one Category have multiple <code>Questions</code>.</p>
  
  <p>Angular will generate a form from Quiz retrieved from REST api, where user can navigate back and forth between different categories of questions and finally save partial or submit complete form.</p>
  
  <p>I sketched the following pseudo-structure for application template:</p>
  
  <pre><code>&lt;html&gt;
    &lt;form&gt;
      &lt;category&gt;
        &lt;question *ngFor="let question of questions" /&gt;
      &lt;category&gt;
      &lt;navigate/&gt;
    &lt;/form&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><code>Quiz component</code> has a list of categories and a reference to an active category. <code>Category component</code> has <em>input binding</em> to reflect the active category of Quiz. <code>Category</code> has  list of Questions, which I want to encapsulate in distinct Component. Thus I iterate through the list of questions and create question tag.</p>
  
  <p>Now the problem is, how I populate the <code>Question component</code> for each tag according the question object creating that tag? Is this possible, or should I merge the question template with Category?</p>