zoukankan      html  css  js  c++  java
  • 使用angular.bootstrap() 完成模块的手动加载

    之前我们看到使用ng-app指令,可以实现模块的自动加载。现在我们看下,angular中如何手动加载模块。需要使用到angular.bootstrap这个函数。

    <html>
    	
    	<head>
    		<script src="angular.js"></script>
    		<script>
    		
    		// 创建moudle1
    		var rootMoudle = angular.module('moudle1', []);
    		rootMoudle.controller("controller1",function($scope){$scope.name="aty"});
    		
    		// 创建moudle2
    		var m2 = angular.module('moudle2', []);
    		m2.controller("controller2",function($scope){$scope.name="aty"});
    		
    		
    		// 页面加载完成后,再加载模块
    		angular.element(document).ready(function() {
    			angular.bootstrap(document.getElementById("div1"),["moudle1"]);
    			angular.bootstrap(document.getElementById("div2"),["moudle2"]);
    		});
    		
    	</script>
    	
    	<head>
    	<body>
    		<div id="div1"  ng-controller="controller1">div1:{{name}}</div>
    		<div id="div2"  ng-controller="controller2">div2:{{name}}</div>
    	</body>
    	
    </html>
  • 相关阅读:
    Java文件输入输出
    数位dp
    https://www.luogu.org/blog/An-Amazing-Blog/mu-bi-wu-si-fan-yan-ji-ge-ji-miao-di-dong-xi
    洛谷
    洛谷
    洛谷
    Java简单高精度合集
    洛谷
    洛谷
    洛谷
  • 原文地址:https://www.cnblogs.com/yu-709213564/p/6130528.html
Copyright © 2011-2022 走看看