Dimitri /Mark的解决方案不适合我，但使用$timeout函数似乎工作得很好，以确保您的代码只在标记呈现后运行。

# Your controller, including $timeout

var $scope.init = function(){
 //your code
}

$timeout($scope.init)

希望能有所帮助。

angular.element(document).ready(function () {

    // your code here

});

当使用$routeProvider时，你可以解析.state并引导你的服务。也就是说，你要加载控制器和视图，只有在解析你的服务之后:

ui-routes

 .state('nn', {
        url: "/nn",
        templateUrl: "views/home/n.html",
        controller: 'nnCtrl',
        resolve: {
          initialised: function (ourBootstrapService, $q) {

            var deferred = $q.defer();

            ourBootstrapService.init().then(function(initialised) {
              deferred.resolve(initialised);
            });
            return deferred.promise;
          }
        }
      })

服务

function ourBootstrapService() {

 function init(){ 
    // this is what we need
 }
}

试试这个?

$scope.$on('$viewContentLoaded', function() {
    //call it here
});

我永远无法得到$viewContentLoaded为我工作，ng-init应该只在ng-repeat中使用(根据文档)，而且如果代码依赖于尚未定义的元素，直接在控制器中调用函数可能会导致错误。

这就是我所做的，而且对我很有效:

$scope.$on('$routeChangeSuccess', function () {
  // do something
});

除非你使用ui-router。然后是:

$scope.$on('$stateChangeSuccess', function () {
  // do something
});

你可以使用angular的$window对象:

$window.onload = function(e) {
  //your magic here
}