角JS - 第二应用和控制器

Question

我想获得第二AngularJS应用程序和控制器的工作，但它似乎是第一次运行，但第二个从来不会。这似乎工作，如果我用2个控制器制作一个单一的应用程序。任何见解，将不胜感激。谢谢！

JS

var app1 = angular.module("myapp1", []); 
app1.controller('Ctrl1', function($scope){ 
    $scope.variable = "Ctrl1 Working"; 
}); 

var app2 = angular.module("myapp2", []); 
app2.controller('Ctrl2', function($scope){ 
    $scope.variable = "Ctrl2 Working"; 
}); 

HTML

<div ng-app="myapp1" ng-controller="Ctrl1"> 
    <p>{{variable}}</p> 
</div> 

<div ng-app="myapp2" ng-controller="Ctrl2"> 
    <p>{{variable}}</p> 
</div> 

JSFiddler：http://jsfiddle.net/paullyvenne/8Ekv5/8/

Answer 1

这里的主要问题是，AngularJS不能只在一个HTML文件的自举几个应用程序。

Here我让你给解释AngularJS网站的链接。

每个HTML 文档只能自动引导一个AngularJS应用程序。第一ngApp发现该文档将被用来定义 根元素为自动引导程序作为一个应用程序。要运行一个HTML文档中的多个 应用程序必须使用angular.bootstrap代替人工引导他们 。 AngularJS应用程序不能 相互嵌套。

而不是有几个ng-app意味着几个AngularJS应用程序，您可以设计按功能组织的多个模块的结构。如果你想了解它，请参阅下面的链接：

Coderwall

clintberry.com

Henriquat.re