我正在尝试使第二个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/
这里的主要问题是AngularJS不能仅在一个HTML文件中对多个应用程序进行增强处理。
在这里,我让您链接到AngularJS网站,以对此进行解释。
每个HTML文档只能自动引导一个AngularJS应用程序。在文档中找到的第一个ngApp将用于定义根元素以作为应用程序自动引导。要在HTML文档中运行多个应用程序,您必须使用angular.bootstrap手动引导它们。AngularJS应用程序不能相互嵌套。
ng-app
您可以设计一个按功能组织的多个模块的结构,而不是具有多个意味着多个AngularJS应用程序的结构。如果您想了解它,请参见以下链接:
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句