angularjs multiple ng-app 호출 함수

저는 AngularJS를 배우기 시작했고 몇 가지 기본 샘플을 만들었지 만 다음과 같은 문제가 있습니다.angularjs multiple ng-app 호출 함수

나는 2 개의 모듈과 2 개의 컨트롤러를 만들었습니다.

내가 처음 NG-응용 프로그램 (DivAPP1)

어떻게 그것을 달성하기에 (DivAPP2) 함수 두 번째 NG-응용 프로그램을 호출 할

예 :

<html> 
    <head> 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.js"></script> 
    <script src="//code.jquery.com/jquery-1.9.1.min.js"></script> 
    </head> 
    <body> 
    <div id='div1' ng-controller="app1controller"> 
      {{functionAPP2(2)}} //..Export 4 
    </div> 

    <div id='div2' ng-controller="app1controller"> 
      {{functionAPP1(2)}} //..Export 2 
    </div> 
    </body> 
<html> 

<script language="javascript"> 

var app1= angular.module("DivAPP1", []); 

app1.controller("app1controller", function($scope ,$http) { 


    $scope.functionAPP1=function(str){ 
     return str; 
    } 

}); 

var app2= angular.module("DivAPP2", []); 

app2.controller("app2controller", function($scope ,$http) { 
    $scope.functionAPP2=function(str){ 
     return str+str; 
    }}); 

angular.bootstrap(angular.element("#div1"),["DivAPP1"]); 
angular.bootstrap(angular.element("#div2"),["DivAPP2"]); 

</script>

출처

2014-07-21 devlin

설명서에 따라 '하나의 AngularJS 응용 프로그램 만 HTML 문서 당 자동 부트 스트랩 될 수 있습니다. ' – lucuma

기초로 돌아 가기 ... 각도 문서 자습서. 당신은 몇 가지 이상한 개념으로 시작하고 있습니다 – charlietfl

고맙습니다, 내 목표에 도달했습니다. 내 예 [link] http://jsbin.com/deyumovo/7/edit – devlin

싶은거야 것은 그래서, 하나의 당신이 부트 스트랩의 종속성으로 당신의 모듈 중 하나를 선언 할 수 있습니다 : 다음

var app2= angular.module("DivAPP2", []); 
// your code 


var app1= angular.module("DivAPP1", ['DivAPP2']);

는 부트 스트랩 당신의 응용 프로그램을 사용하여 DivAPP1

출처

2014-07-21 13:30:16 lucuma

답변 해 주셔서 감사합니다. lucam 내 예 [link] http : //jsbin.com/deyumovo/7/edit? html, js, 출력 – devlin

angularjs multiple ng-app 호출 함수

답변

관련 문제