title: how to update ngFor in html section of angular because of added new member?
body: <p>I have an array and used ngFor of it to create some html elements.
  My question is about adding new member to my array and update html section just after adding new member.</p>
  
  <p>html section:</p>
  
  <pre><code>&lt;div *ngFor="let member of members"&gt;
    &lt;span&gt;{{member}}&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and ts section:</p>
  
  <pre><code>let members: string[] = ['a','b','c','d'];
  </code></pre>
  
  <p>and after rendering html section, somewhere in the application I add <code>e</code> element to array but my html section wouldn't change. I want to <code>e</code> element to be added immediately.</p>
  
  <p>Do you have any idea?</p>