title: UI not updating in IE, Array is displaying using ngFor
body: <p>I am using Angular 5. I am displaying the result of multiple file uploads to an array and displaying the result on the UI with ngFor.</p>
  
  <ol>
  <li>Loops through the selected files for upload. For each file it will call a function <strong>uploadFiles()</strong></li>
  <li>In that function service for saving the files are called and it will save the result by calling a function <strong>addFileUploadResult()</strong>.</li>
  <li>In UI the values are not displaying.</li>
  </ol>
  
  <p>I checked the component function and it showing the array have items in it. But the ui it is not reflecting.</p>
  
  <p>Please refer the code below.</p>
  
  <p><strong>file-upload-component.ts</strong></p>
  
  <pre><code>public startOperation() {
      for (let i = 0; i &lt; this.uploadFileList.length; i++) {
          this.uploadFiles(this.uploadFileList[i], this.uploadFileList[i].name);
      }
  }
  
  uploadFiles(file: File, fileName: FileName) {
      let fileUpload: FormData = new FormData();
      fileUpload.append("file", file);
      this.fileUploadService.uploadFile(fileUpload).subscribe(result =&gt; {
          this.addFileUploadResult(fileName + " : " + this.translate.instant(result.message).toString());
      }, error =&gt; {
          this.addFileUploadResult(fileName + "Error");
      });
  }
  
  addFileUploadResult(message: string) {
      this.uploadResult.push(message);
      if (this.uploadResult.length === this.uploadFileList.length) {
          this.showUploadError = true;
      }
  }
  </code></pre>
  
  <p><strong>file-upload-component.html</strong></p>
  
  <pre><code>&lt;div style="margin: 0px 90px"&gt;
      &lt;ul *ngIf="show" style="font-weight: bold"&gt;
             &lt;li *ngFor="let message of uploadResult" [ngClass]="message1.includes('Success') ? 'success' : 'failed'"&gt;{{message}}&lt;/li&gt;
     &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>