angularJS的模块化操作
2016-05-12 19:06
615 查看
模块化
-减少全局污染
-减少模块之间的相互依赖
-减少全局污染
-减少模块之间的相互依赖
<!DOCTYPE HTML> <!--<html ng-app>模块化后,应声明哪个是初始模块--> <html ng-app="myApp"> <head> <meta http-equiv="Content-Type" content="text/html" charset="utf-8"> <title>模块化操作</title> <script src="angular.min.js"></script> </head> <body> <div ng-controller="A"> <p>{{name}}</p> </div> <div ng-controller="B"> <p>{{name}}</p> </div> </body>
//<script> /*function A($scope){ $scope.name="hello"; } function B($scope){ $scope.name="hi"; }*/ //为了避免命名冲突,将全局函数变成模块--angular.module("模块名","[当前模块要依赖的其它模块组成的数组]") /*var m1 = angular.module("myApp",[]); m1.controller("A",function($scope){ $scope.name="hello"; }); m1.controller("B",function($scope){ $scope.name="hi"; });*/ //线上代码会被压缩,这时$scope或被压缩为$s,导致程序出错 //下面将其改成字符串形式,防止这种情况发生 var m1 = angular.module("myApp",[]); m1.controller("A",["$scope",function($s){ $s.name="hello"; }]); m1.controller("B",["$scope",function($s){ $s.name="hi"; }]); // </script>
相关文章推荐
- AngularJS之开发组件的一些思路
- DCOS管理平台Angularjs构建记(一)
- AngularJs模块化指令03(点赞)
- AngularJs模块化指令02(模板放标签)
- url变化的时候,modal框没有消失
- angularjs学习笔记—工具方法
- angular使用echarts折线图
- AngularJs表单验证的例子
- AangularJs表单基本用法例子
- AngularJs事件绑定例子
- AngularJS指令开发(1)——参数详解
- AngularJs多个控制器例子
- AngularJs对象数据的绑定例子
- AngularJs获取对象内容例子
- AngularJs获取数组的元素例子
- AangularJs动态时间例子
- AngularJS 中ng-class 使用
- 深究AngularJS——监听模型$watch
- SpringMVC实现angularjs图片上传
- angularjs 做修改页面遇到的问题