小编Dan*_*iel的帖子

Angular新手.我觉得我错过了一些明显的东西:我不应该能够轻松地在同一个html页面中运行分离AngularJs应用程序(模块)吗？像这样的东西:

  <section ng-app="HelloWorldApp" ng-controller="HelloWorldController">
    Hello {{name}}!
  </section> 
  <br />
  <section ng-app="MyNameIsApp" ng-controller="MyNameIsController">
    My Name is {{FirstName}} {{LastName}}!
  </section> 

使用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';
});

这只运行第一个模块,而第二个模块似乎没有执行任何操作.我想这样做,这样我就可以为多个页面构建可重用的封装指令,而不必将它们的模块命名为同一个东西.

实例:http://plnkr.co/edit/cE6i3ouKz8SeQeA5h3VJ

我们最终建立了小型的模块层次结构,但是我的原始问题可以完成,只需要做一些工作(见下文).