title: How to overwrite data in div under ngFor in angular?
body: <p>I have a List of integer array type values. The value is displayed using <code>*ngFor</code> as shown:</p>
  
  <pre><code>&lt;div *ngFor="let item of values; let i = index"&gt;
    &lt;div&gt; 
       &lt;div *ngFor="let subitem of item;" style="display:block"&gt;
         &lt;div class="progress"&gt;
              &lt;div class="progress-bar" id="progress" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" [style.width.%] = "subitem"&gt;
                {{subitem}}
              &lt;/div&gt; 
         &lt;/div&gt;
         &lt;br&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I do not want the <code>div</code> to be created over and over again. I want to put a delay and show the contents of the list in a single <code>div</code>. That is: the values in the div will be replaced after a delay.(say 1 iteration)</p>