Angular が DOM にスコープ更新を追加し終えたときにメソッドをトリガーするにはどうすればよいでしょうか? 質問する

$scope 変数 (この場合は $scope.results) に変更を加えた後にコードを実行する方法を探しています。実行する前にアイテムが DOM 内にあることを必要とするレガシー コードを呼び出すために、これを実行する必要があります。

実際のコードは、AJAX 呼び出しをトリガーし、UI を更新するためにスコープ変数を更新しています。そのため、現在、コードはスコープにプッシュした直後に実行されますが、DOM 要素がまだ利用できないため、レガシー コードは失敗します。

setTimeout() を使用して醜い遅延を追加することもできますが、それによって DOM が本当に準備完了であることが保証されるわけではありません。

私の質問は、「レンダリングされた」ようなイベントにバインドできる方法はあるかどうかです。

var myApp = angular.module('myApp', []);

myApp.controller("myController", ['$scope', function($scope){
    var resultsToLoad = [{id: 1, name: "one"},{id: 2, name: "two"},{id: 3, name: "three"}];
    $scope.results = [];

    $scope.loadResults = function(){
        for(var i=0; i < resultsToLoad.length; i++){
            $scope.results.push(resultsToLoad[i]);
        }
    }

    function doneAddingToDom(){
        // do something awesome like trigger a service call to log
    }
}]);
angular.bootstrap(document, ['myApp']);