Angular 5 обновить вид из цикла while

Способ ожидания блокирует весь поток jsvascript. Javascript работает в одном потоке, если вы заблокируете этот поток, выполняющий цикл while, вы не позволите выполнить какой-либо другой код, включая обновления пользовательского интерфейса. Вы должны использовать setTimeout для запуска кода через некоторое время, или вы можете использовать aync/await и Promises, чтобы придать вашему коду более последовательное ощущение:

export class AppComponent  {
    sStatus = "Inactive";
    iProgressMax = 100;
    iProgressValue = 0;

  async Run() {
    this.sStatus = "Running...";
    while (this.iProgressValue < this.iProgressMax) {
      await this.wait(1000);
      this.iProgressValue = this.iProgressValue + 20;
      console.info(this.iProgressValue);
    }
    this.sStatus = "Complete";
  }

  wait(ms: number)  {
    return new Promise((resolve)=> {
      setTimeout(resolve, ms);
    });
  }
}