Question

我刚开始学习AngularJS并创建了一些基本样本，但我遇到了以下问题。

我创建了2个模块和2个控制器。

我想在第一个ng-app（DivAPP1）中调用第二个ng-app（DivAPP2）函数

如何实现它？

示例：

<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>

Answer 1

您要做的是将您的一个模块声明为您引导的模块的依赖项，因此：

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


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

然后使用DivAPP1

提升您的应用

angularjs多个ng-app调用函数

1 个答案: