首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >多个ng-app调用函数

多个ng-app调用函数
EN

Stack Overflow用户
提问于 2014-07-21 13:24:55
回答 1查看 601关注 0票数 0

我刚刚开始学习AngularJS,并创建了一些基本的示例,但是我仍然遇到了以下问题。

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

我想在第一个ng-app(DivAPP1)中调用第二个ng-app(DivAPP1)函数。

如何实现这一目标?

示例:

代码语言:javascript
复制
<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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-07-21 13:30:16

您要做的是将您的一个模块声明为您正在引导的模块的依赖项,因此:

代码语言:javascript
复制
var app2= angular.module("DivAPP2", []);
// your code


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

然后使用DivAPP1引导应用程序。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24866238

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档