javascript - 如何在js中的循环每次迭代后更新窗口？

Question

我试图在每次循环迭代后更新窗口。有问题的代码如下。选择初始活细胞后，我按下一步，它应该遍历循环。它达到正确的最终状态，但不显示中间状态。

Plnkr 链接：https ://plnkr.co/edit/Gtp87m48YT5wGbSytQX4?p=preview

我知道我可能必须使用 setInterval，但是每当我尝试实现它时，它只会冻结窗口或跳到最后。我试过使用角度 $interval，但我有同样的问题

$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);    
    };