Angular在一个页面中使用两个ng-app的方法(二)

 更新时间:2017年02月20日 15:26:14   作者:python基础教程  
这篇文章主要介绍了Angular在一个页面中使用两个ng-app的方法(二),非常不错,具有参考借鉴价值,需要的朋友可以参考下

在上篇文章给大家介绍了Angular在一个页面中使用两个ng-app的方法,这种方法不太推荐,下面给大家介绍方法二,具体代码如下所示:

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="utf-8">
  <title>ng-app指令,angular找到第一个ng-app就不会再找了,在一个页面中只使用一个ng-app.</title>
 </head>
 <body ng-app="myApp">
  <input type="button" ng-controller="App1Controller" ng-click="do1()" value="按钮1" />
  <input type="button" ng-controller="App2Controller" ng-click="do2()" value="按钮2">
  <script src="bower_components/angular/angular.js"></script>
  <script>
  var myApp1 = angular.module('myApp1', []);
  myApp1.controller('App1Controller', ['$scope', function($scope){
   $scope.do1 = function(){
    console.log(11111);
   };
  }]);
  var myApp2 = angular.module('myApp2', []);
  myApp2.controller('App2Controller', ['$scope', function($scope){
   $scope.do2 = function(){
    console.log(22222);
   };
  }]);
  /**
  * myApp Mod'myApp1','myApp2'ul;
  *
  * Description
  */
  angular.module('myApp', ['myApp1','myApp2']);
  </script>
 </body>
</html>

就是用一个大的模块将两个小模块包起来。

以上所述是小编给大家介绍的Angular在一个页面中使用两个ng-app的方法(二),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Angular2自定义分页组件

    Angular2自定义分页组件

    本篇文章主要介绍了Angular2自定义分页组件的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04
  • Angular企业级开发——MVC之控制器详解

    Angular企业级开发——MVC之控制器详解

    本篇文章主要介绍了Angular企业级开发——MVC之控制器详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • AngularJS  $modal弹出框实例代码

    AngularJS $modal弹出框实例代码

    这篇文章主要介绍了AngularJS 弹出框 $modal,大家都知道open是$modal唯一方法,通过本文给大家列出了该方法的属性。对angularjs弹出框知识感兴趣的朋友一起看下吧
    2016-08-08
  • Angular2表单自定义验证器的实现

    Angular2表单自定义验证器的实现

    本文给大家介绍angular2表单自定义验证器的实现,本文给大家介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-10-10
  • angular同一页面跳转重新执行的实现方法

    angular同一页面跳转重新执行的实现方法

    这篇文章主要介绍了angular同一页面跳转重新执行的实现方法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-11-11
  • AngularJS基于provider实现全局变量的读取和赋值方法

    AngularJS基于provider实现全局变量的读取和赋值方法

    这篇文章主要介绍了AngularJS基于provider实现全局变量的读取和赋值方法,结合实例形式分析了AngularJS全局变量的声明、赋值、读取等相关使用技巧,需要的朋友可以参考下
    2017-06-06
  • Angular中使用ui router实现系统权限控制及开发遇到问题

    Angular中使用ui router实现系统权限控制及开发遇到问题

    这篇文章主要介绍了Angular中使用ui router实现系统权限控制及开发遇到问题的相关资料,本文分步骤介绍的非常详细,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • 基于AngularJS的简单使用详解

    基于AngularJS的简单使用详解

    下面小编就为大家带来一篇基于AngularJS的简单使用详解。小编觉得挺不错的,现在就想给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • Augularjs-起步详解

    Augularjs-起步详解

    下面小编就为大家带来一篇Augularjs-起步详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • 详解基于Bootstrap+angular的一个豆瓣电影app

    详解基于Bootstrap+angular的一个豆瓣电影app

    本篇文章主要介绍了基于Bootstrap+angular的一个豆瓣电影app ,非常具有实用价值,需要的朋友可以参考下
    2017-06-06

最新评论