title: How to assign Hash ID ref id for dynamic element in angular 4, 5
body: <p>I am sorry if my question was silly, i am having 30+ static ng-container with some unique static #hashtagID but i want to create them dynamically with help of ngFor</p>
  
  <pre><code>public lists = ['food', 'book', ........, 'cook']
  </code></pre>
  
  <p>expecting output :</p>
  
  <pre><code>&lt;ng-container #food&gt;&lt;/ng-container&gt;
  &lt;ng-container #book&gt;&lt;/ng-container&gt;
  ..
  ..
  &lt;ng-container #cook&gt;&lt;/ng-container&gt;
  </code></pre>
  
  <p>So i tried almost all ways but no luck,</p>
  
  <pre><code>1: &lt;ng-container *ngFor="#id of lists"&gt;&lt;ng-container&gt;
  2: &lt;ng-container *ngFor="let id of lists" #{{id}}&gt;&lt;ng-container&gt;
  3: &lt;ng-container *ngFor="let id of lists" #+"id"&gt;&lt;ng-container&gt;
  4: &lt;ng-container *ngFor="let id of lists" #{id}&gt;&lt;ng-container&gt;
  5. &lt;div *ngFor="let id of lists" #id&gt;&lt;/div&gt;
  6: &lt;div *ngFor="let id of lists" [id]="id"&gt;
  </code></pre>
  
  <p>i am using this #hashTagID as viewContainerRef in .ts file.</p>
  
  <p><strong>@ViewChild('food', {read: ViewContainerRef }) private  food: ViewContainerRef;</strong></p>
  
  <p>Please someone help me to resolve this issue.</p>