내가 같은 HTML 파일이 개 각 모듈을 가지고 노력하고

각도에서이 응용 프로그램이 작동하지 않는 선언. SPA를 구현 중이며 두 번째 앱은 부분 HTML 1 개에 사용하도록되어 있습니다. 두 번째는 첫 번째하에 때문에, folowing 오류 데 :내가 같은 HTML 파일이 개 각 모듈을 가지고 노력하고

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>

사람이 도와 드릴까요?

출처

2016-10-25 Mikyas TADESSE

UR NG-응용 프로그램 값은 무엇인가? –

당신은 앱의 이름을 의미합니까? 그렇다면 그 APP2 답변에 대한 –

Follow this reference here for angular.bootstrap

귀하의 코드가 같아야합니다 :

angular.bootstrap(document, ['meetupApp']);

사용법 :

귀하의 경우 여기에

angular.bootstrap(element, [modules], [config]);

에서 [모듈]는 'meetupsController'이 아닌 VAR 'APP2' .

출처

2016-10-25 13:44:17 rakemen

10Q가 지금은 다른 오류 오류가 있습니다 첸 : 앱은 이미이 요소와 부트 스트랩 btstrpd ''당신은 당신의 HTML을 공유하는 질문을 편집 할 수 있습니다 –

코드. – rakemen

각도 초기화 프로세스 작동 방식을 명확하게 이해하려면 [angular.bootstrap] (https://docs.angularjs.org/guide/bootstrap)을 참조하십시오. 나는 너의 앱을 잘못 선언 한 것 같아. – rakemen

내가 같은 HTML 파일이 개 각 모듈을 가지고 노력하고

답변

관련 문제