title: create dynamic anchorName/Components with ComponentResolver and ngFor in Angular2
body: <p>I need to create unique Anchor Names/Components in a ngFor loop to use it with ComponentResolver.resolveComponent.</p>
  
  <pre><code>&lt;div&gt;
    &lt;table&gt;
      &lt;tr *ng-for="#vIndex of vArr"&gt;
        &lt;td *ng-for="#hIndex of hArr"&gt;
          &lt;div #uniqueanchorname{{vIndex}}_{{hIndex}}&gt;&lt;/div&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>the resulting html should look something like that:</p>
  
  <pre><code>&lt;div&gt;
    &lt;table&gt;
      &lt;tr&gt;
        &lt;td&gt;
          &lt;div #uniqueanchorname0_0&gt;&lt;/div&gt;
        &lt;/td&gt;
        &lt;td&gt;
          &lt;div #uniqueanchorname0_1&gt;&lt;/div&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;
          &lt;div #uniqueanchorname1_0&gt;&lt;/div&gt;
        &lt;/td&gt;
        &lt;td&gt;
          &lt;div #uniqueanchorname1_1&gt;&lt;/div&gt;
        &lt;/td&gt;
        &lt;td&gt;
          &lt;div #uniqueanchorname1_2&gt;&lt;/div&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>With that i can use the DynamicComponentLoader like:       </p>
  
  <pre><code>loader.loadIntoLocation(responseDependentComponent, elementRef, 'uniqueAnchorName1_2');
  </code></pre>
  
  <p>the resulting HTML does not get replaced and will look something like:</p>
  
  <pre><code>&lt;div&gt;
    &lt;table&gt;
      &lt;tr&gt;
        &lt;td&gt;
          &lt;div #uniqueanchorname{{vIndex}}_{{hIndex}}&gt;&lt;/div&gt;
        &lt;/td&gt;
        &lt;td&gt;
          &lt;div #uniqueanchorname{{vIndex}}_{{hIndex}}&gt;&lt;/div&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;
          &lt;div #uniqueanchorname{{vIndex}}_{{hIndex}}&gt;&lt;/div&gt;
        &lt;/td&gt;
        &lt;td&gt;
          &lt;div #uniqueanchorname{{vIndex}}_{{hIndex}}&gt;&lt;/div&gt;
        &lt;/td&gt;
        &lt;td&gt;
          &lt;div #uniqueanchorname{{vIndex}}_{{hIndex}}&gt;&lt;/div&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If the creation of unique anchor names is not possible. Is there an other way to load components into a specific location? </p>