title: Angular, How to set row ID with *ngFor or any repetition for HTML-table
body: <p>I want to set an ID for each rows dynamically ngFor 
   or any repetition in Angular. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div *ngFor="let d of data | async"&gt;
          &lt;table border=1&gt;
            &lt;tr&gt;
              &lt;th&gt;ID&lt;/th&gt;
              &lt;th&gt;Name&lt;/th&gt;
              &lt;th&gt;Email&lt;/th&gt;
              &lt;th&gt;Age&lt;/th&gt;
            &lt;/tr&gt;
              &lt;tr id="row"&gt;
                  &lt;td&gt;{{ d.id }}&lt;/td&gt;
                  &lt;td&gt;{{ d.name }}&lt;/td&gt;
                  &lt;td&gt;{{ d.email }}&lt;/td&gt;
                  &lt;td&gt;{{ d.age }}&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>So anyone can help me how to make the rows have IDs like <code>row1</code>, <code>row2</code>, <code>row3</code>, etc?</p>
  
  <p>Thank you</p>