1
同じHTMLファイルに2つの角度モジュールを作成しようとしています。私はSPAを実装しており、2番目のアプリケーションは1つの部分HTMLに使用することを意図しています。二つ目は、最初の下にあるので、folowingエラーが午前：2つのアプリを角度で宣言しても機能しません
controller.js：
var app = angular.module('myApp');
app.controller('loginController',
['$scope', '$location', 'AuthService',
function ($scope, $location, AuthService) {
//code
}]);
app.controller('logoutController',
['$scope', '$location', 'AuthService',
function ($scope, $location, AuthService) {
//code
}]);
app.controller('registerController',
['$scope', '$location', 'AuthService',
function ($scope, $location, AuthService) {
//code
}]);
var app2 = angular.module('meetupApp', ['ngResource']);
app2.controller('meetupsController', ['$scope', '$resource', function ($scope, $resource) {
//code
}]);
//here am trying to bootstrap app2
/* var dvSecond = document.getElementById('dvSecond');
angular.element(document).ready(function() {
angular.bootstrap(dvSecond, ['app2']);
});*/
//angular.bootstrap(document.getElementById("container2"), ["app2"])
angular.bootstrap(document, ['meetupApp']);
home.htmlここ
Error: ng:btstrpd App Already Bootstrapped with this Element.
は私のコードです：
<h1>Yo!</h1>
<div id="container2" ng-controller="meetupsController">
<a ng-click='logout()' class="btn btn-default">Logout</a>
<ul>
<li ng-repeat="meetup in meetups">
{{meetup.name}}
</li>
</ul>
<form>
<input type="text" placeholder="Meetup name" ng-model="meetupName"></input>
<button ng-click='createMeetup()' type="submit" >Add</button>
</form>
<h1>'we have '+{{meetups.length}}</h1>
</div>
index.htmlを：
<!doctype html>
<html ng-app="myApp">
<head>
<meta charset="utf-8">
<title>MEAN Auth</title>
<!-- styles -->
<link href="//maxcdn.bootstrapcdn.com/bootswatch/3.3.6/yeti/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container" >
<div ng-view></div>
</div>
<!-- scripts -->
<script src="//code.jquery.com/jquery-2.2.1.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular-route.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular-resource.min.js"></script>
<script src="./main.js"></script>
<script src="./services.js"></script>
<script src="./controllers.js"></script>
</body>
</html>
誰が助けることはできますか？
ur-ng-appの値は何ですか？ –
あなたはアプリの名前を意味しますか？もしそうなら、そのapp2 –