var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope, $rootScope) {

    $scope.names = ["Emil", "Tobias", "Linus"];

    $rootScope.lastname = "Refsnes";

});

var app2 = angular.module('myApp2111', []);

app2.controller('myCtrl2', function($scope,$rootScope) {

    $scope.names = ["Emil", "Tobias", "Linus"];

    $rootScope.lastname = "Refsnes";

});

angular.bootstrap(document.getElementById("myApp2111"), ['myApp2111']);

//angular.bootstrap(document.getElementById(ID), [ID]);
//angular.bootstrap($("dir"),['dir']);
//这是两个，多个的话继续加一行 angular.bootsara




也可以：在第二个ng-app接管的div上要加一个id属性dir并且去掉第二个ng-app




<!Doctype html>

<html>

    <head>

    <meta charset="utf-8">

        <title></title>

        <style> </style>

        <script src="js/jquery.min.js"></script>

        <script src ="js/angular.js"></script>

    </head>

    <body >

    <div ng-app="myapp">

        <hello></hello>

    </div>

    <div id="dir" >

        <dir></dir>

    </div>

        <script >

        var app = angular.module("myapp",[]);

        app.directive("hello",function(){

            return {

                restrict:"E",

                template:'<h1>Hello angular</h1>',

                replace:true

            }

        });

        var app2 = angular.module("dir",[]).run(function($templateCache){

            $templateCache.put("header.html","<h2>use templateCache</h2>");

        });

        app2.directive("dir",function($templateCache){return {

            restrict:"E",

            template:$templateCache.get("header.html"),

            replace:true

        }});

        angular.bootstrap($("dir"),['dir']);

    </script>

</body>

</html>




转载自：https://blog.csdn.net/u013830811/article/details/50571639?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromBaidu-1.channel_param&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromBaidu-1.channel_param
												


											
angularJS：一个页面多个ng-app的更多相关文章
	

    
						
  1. app进入后台之后接收到通知,点进去进入新的页面,再次进入后台,再点击通知进入页面(,两次通过通知进入的页面,创建了两次,会多一个页面,)解决办法监听
		
    在点击通知进入的页面的 //UIApplicationWillResignActiveNotification是app即将进入后台的方法 //增加监听使它在进入后台之前pop上一个页面 - (void ...
    
		
    2. 
						
  2. AngularJS应用页面切换优化方案
		
    葡萄城的一款尚在研发中的产品,对外名称暂定为X项目.其中使用了已经上市的Wijmo中SpreadJS产品,另外,在研发过程中整理了一些研发总结分享给大家.如本篇的在页面切换的过程中优化方案,欢迎大家跟 ...
    
		
    3. 
						
  3. AngularJs应用页面
		
    AngularJs应用页面切换优化方案   葡萄城的一款尚在研发中的产品,对外名称暂定为X项目.其中使用了已经上市的wijmo中SpreadJS产品,另外,在研发过程中整理了一些研发总结分享给大家.如 ...
    
		
    4. 
						
  4. [Angularjs]处理页面闪烁的方法
		
    摘要 在使用{{}}绑定数据的时候,页面加载会出现满屏尽是{{xxx}}的情况.数据还没响应,但页面已经渲染了.这是因为浏览器和angularjs渲染页面都需要消耗一定的时间,这个间隔可能很小,甚至让 ...
    
		
    5. 
						
  5. angular报错：angular.min.js:118Error: [ng:areq] http://errors.angularjs.org/1.5.8/ng/areq
		
    报错代码如下: <div ng-controller="HelloAngular"> <p>{{greeting.text}},angular</p& ...
    
		
    6. 
						
  6. Ionic2学习笔记（1）：新建一个页面
		
    作者:Grey 原文地址: http://www.cnblogs.com/greyzeng/p/5532323.html                 新建一个页面: 借上一篇中的HelloWorl ...
    
		
    7. 
						
  7. 30 分钟开发一个简单的 watchOS 2 app <oneVcat>
		
    Apple Watch 和 watchOS 第一代产品只允许用户在 iPhone 设备上进行计算,然后将结果传输到手表上进行显示.在这个框架下,手表充当的功能在很大程度上只是手机的另一块小一些的显示器 ...
    
		
    8. 
						
  8. 如何在一个网站或者一个页面，去书写你的JS代码
		
    // JavaScript Document //如何在一个网站或者一个页面,去书写你的JS代码: //1.js的分层(功能) : jquery(tools) 组件(ui) 应用(app), mvc( ...
    
		
    9. 
						
  9. 解决TabActivity中子页面不通过导航跳转到还有一个页面的问题
		
    问题:当你的导航在TabActivity中 而子页面的一个button须要切换到当中的某一个导航页面 转载请注明出处:http://blog.csdn.net/x605940745 demo下载地址: ...
    
		
    10. 
						
  10. 【如何快速的开发一个简单的iOS直播app】(代码篇)
		
    开篇([如何快速的开发一个完整的iOS直播app](原理篇)) 好久没写简书,因为好奇的我跑去学习直播了,今天就分享一下我的感慨. 目前为止直播还是比较热点的技术的,简书,git上有几篇阅读量和含金量 ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. php基础教程（三）
			
    PHP语法概述 A. 基本语法 即使初次接触PHP的用户也会发现自己对PHP的语法风格并不陌生. 例如:<?php echo "Hello!": ?> 显示结果为&qu ...
    
			
    2. 
						
  2. 在MyBatis-Plus整合dynamic-datasource @DS失效
			
    因为是事务导致的 解决方案: 1.删除事务 2.使用分布式事务 3.修改事务的传播机制 3.使用DS的本地事务 @DSTransactional 但切记不可和Spring的事务共存 附传播机制 事务传 ...
    
			
    3. 
						
  3. 054_VisualForce Ajax 01
			
    为获得最佳性能,请在使用少量数据时使用AJAX Toolkit: 由于信息是通过浏览器传送的,所以AJAX最适合于相对较少的数据量(最多约200条记录)六个字段各有50个字符的数据).返回的数据集越大 ...
    
			
    4. 
						
  4. 【Java】时间类型
			
    Date 转 timeStamp long time = System.currentTimeMillis(); // 秒级 long time = System.currentTimeMillis( ...
    
			
    5. 
						
  5. ethcat开发记录 二
			
    SOEM移植到stm32f407+LAN8720硬件上的注意点 1.LAN8720的PHY地址问题. 2.LAN8720芯片在上电后要对复位引脚操作. 3.使能LAN8720的混杂模式,在新的HAL库 ...
    
			
    6. 
						
  6. 访问提示'staticfiles' is not a registered tag library. Must be one of: admin_list admin_modify admin_urls cache i18n l10n log static tz
			
    解决方法 前端模板中{% load staticfiles %}都修改为{% load static %} 因为在django3.x中这部分做了修改,前者无法识别,只能用后者
    
			
    7. 
						
  7. xlwings简单使用
			
    xlwings能够非常方便的读写Excel文件中的数据,并且能够进行单元格格式的修改 xlwings基本操作 打开已有的Excel文档 # 导入xlwings模块 # 打开Excel程序,默认设置:程 ...
    
			
    8. 
						
  8. iOS学习十二之选择器控件UIPickerView
			
    UIPickerView是一个简易的列表控件,用于提供有限个数的选项供用户选择. 它是通过代理和数据源的方法对其进行设置和数据源填充的,这种控件的设计模式也是代理模式的应用之一. 添加下面的代码即可实 ...
    
			
    9. 
						
  9. Vant+小程序+购物车实例
			
    图片实例,看是否是您所需要的喔.... 扫码小程序可看实例操作,有啥问题也可扫码加群,很希望可以帮助到你喔!           HTML部分: <view class="cart&q ...
    
			
    10. 
						
  10. Jmeter、Postman之RSA加密登录接口测试
			
    方法1:直接用在线加密工具进行加密,得到密码 参考地址 https://www.toolscat.com/decode/rsa 输入公钥和密码,直接加密即可   方法2:postman工具 步骤1:接 ...
    
			
    11.