angularjs支持两个html,angularjs – 如何在同一页面中运行两个单独的Angular js应用程序...

新到角我觉得我缺少一些明显的东西：我不应该很容易地在同一个html页面中运行单独的AngularJs应用程序(模块)？这样的东西：

Hello {{name}}!

My Name is {{FirstName}} {{LastName}}!

Javascript：

var HelloWorldApp = angular.module('HelloWorldApp', []);

HelloWorldApp.controller('HelloWorldController', function($scope) {

$scope.name = 'World';

});

var MyNameIsApp = angular.module('MyNameIsApp', []);

MyNameIsApp.controller('MyNameIsController', function($scope) {

$scope.FirstName = 'John';

$scope.LastName = 'Smith';

});

这只运行第一个模块，而第二个模块似乎没有做任何事情。我想这样做，以便我可以为多个页面创建可重复使用的封装指令，而不必将其模块命名为相同的东西。

我们最终建立了small hierarchy of modules，但是我的原始问题可以完成，只需一点点工作(见下文)。