如何在延迟后初始化配置/在angularJS中运行

Question

我的HTML和JS如下。我们可以在 angularJs 延迟后插入运行/配置吗？

  
var app = angular.module('demo', []);
app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
});
setTimeout(function(){
  angular.module('plunker').run(function($rootScope){
    $rootScope.$apply(function (){
        $rootScope.hello = "works";
  });
  });
},1000);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<section ng-app="demo">
  <div ng-controller="MainCtrl">
    <p>Hello {{name}}!</p>
    {{$root.hello}}
     
  </div>
</section>

如果有人能帮忙，我将不胜感激。谢谢:)

Answer 1

您可以使用$timeout来运行延迟。

无需为此初始化新模块。

var app = angular.module('demo', []);
app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
});
app.run(function($rootScope, $timeout) {
  $timeout(function() {
    $rootScope.hello = "works";
  }, 1000);
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<section ng-app="demo">
  <div ng-controller="MainCtrl">
    <p>Hello {{name}}!</p>
    {{hello}}
  </div>
</section>