Javascript 如何在angular 1.x中使用多个根元素

我是个初学者。我使用我的引导网站与共同的页眉和页脚角度。下面的代码运行良好

当我尝试添加额外的插件根元素（如calendar插件根元素）时出现的问题。我不知道如何将一个或多个根元素与多个控制器组合起来

任何人都可以帮助我实现这一目标。提前谢谢

var app = angular.module("myApp", []);
     angular.module('myApp', ['ui.rCalendar']);
     angular.module('myApp').controller('CalendarDemoCtrl', ['$scope', function($scope) {
                    -- --
    }
});

var-app=angular.module（“myApp”，[]）；
//菜单
app.controller（“menuController”，函数（$scope）{
$scope.menus=[
{
标题：“家”，
行动：“/test/1”
},
{
标题：“关于”，
动作：“about.php”
},
{
标题：“模块”，
行动：“#”，
菜单：[
{
标题：“日历”，
动作：“calendar.php”
},
{
标题：“子菜单2”，
行动：“#”
}
]
},
{
标题：“表格”，
动作：“form.php”
}
]
});

安格拉斯
我们始终与您一起完成您的项目

{{serviceitem.title}
{{serviceitem.desc}}

我没有完全理解你的问题，但我可以告诉你，这部分是不正确的

var app = angular.module("myApp", []);
angular.module('myApp', ['ui.rCalendar']);

您基本上是在两次使用

'myApp'

模块的setter并覆盖第一个。如果需要两个模块，请为带有日历的模块创建一个不同的模块（不同的名称）：

angular.module('myCalendar', ['ui.rCalendar']);
angular.module('myCalendar').controller('CalendarDemoCtrl', ['$scope', function($scope) {
                -- --
}

然后将其插入主模块

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

---

希望这有帮助

我没有完全理解你的问题，但我可以告诉你这部分是不正确的

var app = angular.module("myApp", []);
angular.module('myApp', ['ui.rCalendar']);

您基本上是在两次使用

'myApp'

模块的setter并覆盖第一个。如果需要两个模块，请为带有日历的模块创建一个不同的模块（不同的名称）：

angular.module('myCalendar', ['ui.rCalendar']);
angular.module('myCalendar').controller('CalendarDemoCtrl', ['$scope', function($scope) {
                -- --
}

然后将其插入主模块

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

希望这有帮助