首页 > 代码库 > NG调试及NG的模块化
NG调试及NG的模块化
Chrome插件:angularjs batarang插件,在使用它时Ctrl+Shift+I打开控制台,看到多一个angularjs,打开它,勾上Enable的勾勾,这里注意一定要用的时http协议,这样调试就简单多了。
angular
.module("MainModule",[]) 这是定义一个模块
.controller("SigninController",function($scope){}
.controller("SignupController",function($scope){}
这时候若要JS和页面相连,就要在body上加ng-app="MainModule",这样就可以了。
模块:Module
- 模块定义了一个应用程序
- 模块是应用程序中不同部分的容器
- 模块是应用控制器的容器
- 控制器通常属于一个模块
ng 中模块的引入最重要的目的就是为了解决原来全局定义的控制器污染的问题, 还有一个目的就是让我们以模块的形式划分架构。
可以通过
angular.module()
方法操作模块 注意:该方法只有在传入两个参数时才会创建模块,否则为获取已有模块
定义模块
定义一个模块:
// 注意:必须指定第二个参数,否则变成获取已定义的模块
var demoApp = angular.module(‘DemoApp‘, [])
获取已有模块:
var demoApp = angular.module(‘DemoApp‘)
定义依赖别的模块的模块:
var demoApp = angular.module(‘DemoApp‘, [‘Module1‘, ‘Module2‘])
如何划分模块
加载多个模块
- angular.bootstrap(document, [‘demo‘])
- angular.module(‘MainModule‘, [‘Module1‘, ‘Module2‘, ‘Module3‘[,ModuleName]])
NG调试及NG的模块化
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。