首页 > 代码库 > 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的模块化