(十八)angularjs中模块bootstrap后,动态注册新的controller

最新推荐文章于 2024-04-30 10:22:10 发布

aitangyong

最新推荐文章于 2024-04-30 10:22:10 发布

阅读量4.9k

点赞数

分类专栏： AngularJS 文章标签： controllerProvider compile angular动态注册controlle

本文链接：https://blog.csdn.net/aitangyong/article/details/48135961

版权

在angular中我们一般是先注册控制器和dom之间的关系，然后才调用bootstrap加载angular模块。这样dom上注册的控制器就会被自动调用。

<html>
  <head>
	<script src="jquery-1.11.1.min.js"></script>
    <script src="angular-1.2.25.js"></script>   
	<script>
				
		// 创建一个模块,并记录$controllerProvider
        var myModule = angular.module('myModule', []);  
		myModule.controller("div1_ctrl", controller1);
				
		function controller1($scope)
		{
			console.log("controller1 executed.");
		}           
          
        // 页面加载完成后,再加载模块  
		$(function(){
			angular.bootstrap($("#div1")[0], ["myModule"]);  
		})
	</script>
  </head>
  <body>
	<div id="div1" ng-controller="div1_ctrl">
		<input type="button" value="dynamic"></input>
	</div>  
  </body>
</html>

最低0.47元/天解锁文章

aitangyong

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
(十八)angularjs中模块bootstrap后,动态注册新的controller

但是有的时候我们需要动态增加controller，比如我们的项目中1个页面是由各种控件组成的，比如按钮、文本框等都是我们封装的一个控件，每个控件都有自己的scope，也就是说每个控件都有自己的controller。很明显有些控件需要跟随页面ready之后加载(初始化)，但是有的控件可能会在页面ready之后再加载。项目中我们每一个page，都是一个angularjs模块。这就要求我们能够在页面ready之后，动态注册和调用新的controller。
复制链接

扫一扫