title: angular viewChild for dynamic elements inside ngFor
body: <p>My template has something like this:</p>
  
  <pre><code>&lt;div *ngFor="let data of array"&gt;
      &lt;div #div&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>is there a way for me to name each div differently using the #? And if so, how can I access them later in my TS file?</p>
  
  <p>by the way, what are these # called? I cant search for them since I have now idea what these are (I just know what they're used for)</p>