Javascript 如何在angularjs中按顺序执行多数据ng应用程序

在我的应用程序

app1

和

app2

中，我有两个

ng app

，分别有两个控制器

firstcontroller

和

secondcontroller

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

但我想按顺序执行，就像第一个控制器执行，然后是第二个控制器

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

var-app1=angular.module（'firstapp'，[]）；
附录1.控制器（“第一控制器”，功能（$scope）{
$scope.arr1={name:'arjun'}；
警报（$scope.arr1.name）；
}); 
var app2=angular.module（'secondapp'，[]）；
附录2.控制器（“第二控制器”，功能（$scope）{
log（“来到第二个应用程序”）；
$scope.arr2={title:'kumar'}；
警报（$scope.arr2.title）；
});
bootstrap（document.getElementById（“app2”），['secondapp']）

{{arr1.name}

{{arr2.title}

说

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

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

现在可以使用

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

这是给你的plunker
我不明白你到底想说什么？因为我没有使用（document）.ready（function（）{….}）；因此，我必须将代码放在哪里…在最初的步骤中，我解释说，不建议在单个页面中使用多个ng应用程序，但您可以将其与手动引导一起使用。在最后一步，我告诉你如何使用它。您可能放置了angular.bootstrap（document.getElementById（“app2”），['secondapp']）；直接在您的脚本中运行，该脚本将在“firstapp”之前作为加载的脚本文件自动运行。因此，您必须将此代码放在angular.element（document）.ready（function（）{.}）中，以便它将在文档准备好并完成（firstapp的）自动增强后运行。