Как обновить окно после каждой итерации цикла в js?

Question

Я пытаюсь обновить окно после каждой итерации цикла.Код в вопросе ниже.После выбора начальных живых ячеек я нажимаю «Далее», что должно повторять цикл.Он достигает правильного конечного состояния, но не отображает промежуточные состояния.

Ссылка Plnkr: https://plnkr.co/edit/Gtp87m48YT5wGbSytQX4?p=preview

Я понимаю, что мне, вероятно, придется использовать setInterval, но всякий раз, когда я пытаюсь реализоватьэто просто замораживает окно или пропускает до конца.Я пытался использовать угловой $ интервал, но у меня та же проблема

$scope.next = function newgrid() {
        var num=3;

        while(num>0)
        {
        $scope.history.push($scope.board);
        $scope.board = computeNext($scope.board);
        num--;
        }

    };

Редактировать обновленный код.Теперь он просто застрял в исходном состоянии:

$scope.next = function newgrid() {


        $interval(function() {
           $scope.history.push($scope.board);
           $scope.board = computeNext($scope.board);
      }, 1000);    
    };