Angular: Wyświetlanie danych z metody na stronie w trakcie jej wykonywania.

Cześć, mam taki problem do rozwiązania. Napisałem metodę która sortuje tablicę, dokładniej rzecz biorąc tablicę tablic po długości tych zagnieżdżonych, ale to raczej nie gra roli. Tablicę wyświetlam na stronie jako normalną interpolacje {{ }}, jak i buduje tabelę na jej podstawiey, która nijako robi za wizualizację graficzną samej tablicy (wykres słupkowy).

Teraz, chciałbym sprawić aby w trakcie działania metody, gdy jest z każdą iteracją zmieniana, się wyświetlała/aktualizowała na stronie. W teorii z jakimś opóźnieniem mogła by wyjść z tego animacja sortowania. Na razie, zmienioną tablice, aplikacja widzi i wyświetla w momencie gdy metoda się wykona, czyli już posortowaną. W kodzie poniżej zaznaczyłem moment kiedy bym chciał, aby już była widoczna dla aplikacji i mogła ją wyświetlić na stronie. Sortowana tablica to "recivedTable".

 sort() {
    let temp: any[] = [];
    let change: boolean;

    do {
      change = false;
    for (let a = 0; a < this.recivedTable.length - 1; a++) {
      if (this.recivedTable[a].length > this.recivedTable[a + 1].length) {        
        temp = this.recivedTable[a + 1];
        this.recivedTable[a + 1] = this.recivedTable[a];
        this.recivedTable[a] = temp;

// TUTAJ chciałbym aby zmodyfikowana tablica "recivedTable", trafiła na stronę

        change = true;        
        }
      }
    } while (change);
    this.recivedTable = this.recivedTable.slice();
  }

Pomysły?

P.S. To mój pierwszy projekt programistyczny jako taki, więc pewnie kod jest w stylu "programista płakał gdy go czytał".