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

Angular JS - 第二个应用程序和控制器

1 个答案: