Question

我的应用ng-app和app1以及两个控制器app2和firstcontroller分别有两个secondcontroller。

问题是它首先执行第二个控制器然后执行第一个控制器。

但是我想按顺序执行，比如第一个控制器执行然后第二个控制器。

请为此提供解决方案。
提前谢谢。

var app1 = angular.module('firstapp', []);
app1.controller("firstcontroller",function($scope){
    $scope.arr1={name:'arjun'};
    alert($scope.arr1.name);
}); 
var app2 = angular.module('secondapp', []);
app2.controller("secondcontroller",function($scope){
    console.log("come to second app");
    $scope.arr2={title:'kumar'};
    alert($scope.arr2.title);
});
angular.bootstrap(document.getElementById("app2"),['secondapp']);

<body >
    <div id="app1" data-ng-app="firstapp" data-ng-controller="firstcontroller">
        <p>{{arr1.name}}</p>
    </div>
    <div id="app2" data-ng-app="secondapp" data-ng-controller="secondcontroller">
        <p>{{arr2.title}}</p>
    </div>
</body>

Answer 1

Doc说

要在HTML文档中运行多个应用程序，您必须手动执行使用angular.bootstrap
引导它们

虽然页面上可以有多个ng-app，但只有一个ng-app指令会被Angular框架自动实例化和初始化。

现在可以使用

进行订单管理

angular.element(document).ready(function() {
 angular.bootstrap(document.getElementById("app2"),['secondapp']);
});

以下是您的Plunker

如何在angularjs中按顺序执行多个数据-ng-app

1 个答案: