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


Posted in Javascript onFebruary 20, 2017

在上篇文章给大家介绍了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的方法(二),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
类之Prototype.js学习
Jun 13 Javascript
IE6中使用position导致页面变形的解决方案(js代码)
Jan 09 Javascript
jquery css 设置table的奇偶行背景色示例
Jun 03 Javascript
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
Mar 13 Javascript
Bootstrap CSS组件之下拉菜单(dropdown)
Dec 17 Javascript
原生JavaScript实现Tooltip浮动提示框特效
Mar 07 Javascript
jquery ui sortable拖拽后保存位置
Apr 27 jQuery
详解如何在项目中使用jest测试react native组件
Feb 09 Javascript
vue 内置过滤器的使用总结(附加自定义过滤器)
Dec 11 Javascript
微信小程序设置全局请求URL及封装wx.request请求操作示例
Apr 02 Javascript
layui数据表格重载实现往后台传参
Nov 15 Javascript
微信小程序实现单个或多个倒计时功能
Nov 01 Javascript
Angular在一个页面中使用两个ng-app的方法
Feb 20 #Javascript
JS高仿抛物线加入购物车特效实现代码
Feb 20 #Javascript
ES6中Math对象的部分扩展
Feb 20 #Javascript
微信小程序左滑删除效果的实现代码
Feb 20 #Javascript
JavaScript轮播图简单制作方法
Feb 20 #Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
Feb 20 #Javascript
原生js实现放大镜
Feb 20 #Javascript
You might like
phpBB BBcode处理的漏洞
2006/10/09 PHP
网页游戏开发入门教程二(游戏模式+系统)
2009/11/02 PHP
学习js所必须要知道的一些
2007/03/07 Javascript
Javascript 继承机制实例
2009/08/12 Javascript
JavaScript 密码强度判断代码
2009/09/05 Javascript
JQuery 操作Javascript对象和数组的工具函数小结
2010/01/22 Javascript
网页禁用右键菜单和鼠标拖动选择方法小结
2015/02/25 Javascript
JS中使用FormData上传文件、图片的方法
2016/08/07 Javascript
实例解析jQuery工具函数
2016/12/01 Javascript
jquery对所有input type=text的控件赋值实现方法
2016/12/02 Javascript
详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能
2016/12/23 Javascript
微信小程序 九宫格实例代码
2017/01/21 Javascript
jQuery实现鼠标经过显示动画边框特效
2017/03/24 jQuery
vue实现重置表单信息为空的方法
2018/09/29 Javascript
微信小程序实现留言板(Storage)
2018/11/02 Javascript
js验证身份证号码记录的方法
2019/04/26 Javascript
js逆向解密之网络爬虫
2019/05/30 Javascript
Typescript 中的 interface 和 type 到底有什么区别详解
2019/06/18 Javascript
微信用户访问小程序的登录过程详解
2019/09/20 Javascript
详解python的几种标准输出重定向方式
2016/08/15 Python
Python实现字典去除重复的方法示例
2017/07/31 Python
利用python如何处理百万条数据(适用java新手)
2018/06/06 Python
python性能测量工具cProfile使用解析
2019/09/26 Python
Python 利用argparse模块实现脚本命令行参数解析
2020/12/28 Python
中国综合性网上购物商城:当当(网上卖书起家)
2016/11/16 全球购物
英国和世界各地鲜花速递专家:Arena Flowers
2018/02/10 全球购物
Book Depository澳大利亚:世界领先的专业在线书店之一
2018/12/27 全球购物
英国儿童设计师服装的领先零售商:Base
2019/03/17 全球购物
英国在线照明超市:Castlegate Lights
2019/10/30 全球购物
C和C++经典笔试题附答案解析
2014/08/18 面试题
物流毕业生个人的自我评价
2014/02/13 职场文书
个人先进事迹材料
2014/12/29 职场文书
行政处罚告知书
2015/07/01 职场文书
创业计划书之书店
2019/09/10 职场文书
django如何自定义manage.py管理命令
2021/04/27 Python
Golang数据类型和相互转换
2022/04/12 Golang