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

我正试图让第二个AngularJS应用程序和控制器工作，但似乎第一个运行，但第二个从来没有。如果我制作一个带有两个控制器的应用程序，它似乎可以工作。如有任何见解，将不胜感激。谢谢

JS

HTML

{{variable}}

{{variable}}

---

JSFiddler:

这里的主要问题是AngularJS不能在一个HTML文件中启动多个应用程序

我给你一个AngularJS网站的链接来解释这一点

每个HTML只能自动引导一个AngularJS应用程序 文件。文档中找到的第一个ngApp将用于定义 作为应用程序自动引导的根元素。运行多个 HTML文档中的应用程序必须手动引导它们 改用angular.bootstrap。AngularJS应用程序不能被删除 相互嵌套

您可以设计一个由多个模块组成的结构，这些模块按功能进行组织，而不是几个

ng app

，这意味着几个AngularJS应用程序。如果您想了解，请查看以下链接：

---

您需要引导第二个。Angular在找到第一个应用程序后将停止查找

ng app

s。已询问/回答此问题。

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";
});

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

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