AngularJS模块——理解小结

在JS中,将函数代码全部定义在全局命名空间上是很不明智的。

在Angular中,将控制器代码封装在模块(module)单元中。

在AngularJs中,模块是定义应用的最主要的方式,模块里面存放了主要的应用代码,

一个应用可以包含多个模块,每一个模块都包含了定义了具体功能的代码。

使用模块的有点:1.可以保持全局命名空间的清洁

2. 应用可以以任何的顺序加载代码的各个部分

AngularJS中声明模块:   angular.module(name,requires),

angular.module()方法接受2个参数:第一个name(字符串)是模块的名称

第二个require(字符串数组)是依赖列表,由字符串变量组成的列表,列表中的每一个元素都是一个模块的名称,

本模块依赖于这些模块,依赖需要在本模块加载之前由注入器进行预加载。

angular.module()方法的使用:

1. angular.module(‘myApp‘,[]);  //相当于Angular模块的setter方法,用来定义模块的。

2. angular.module(‘myApp‘);  //只传递一个参数时,可以用它来引用模块,相当于AngularJS模块的getter方法,用来获取对模块的引用。

时间: 2024-10-12 07:42:00

AngularJS模块——理解小结的相关文章

AngularJS控制器--理解小结

AngularJS的控制器是一个函数,用来向视图的作用域添加功能,可用控制器给作用域对象设置初始状态,并自定义行为. 当在页面上创建一个新的控制器,Angular会生成并传递一个新的$scope给这个控制器,可在其中初始化$scope, 由于Angular会负责处理控制器的实例化过程,我们只需编写构造函数. function firstController($scope){ $scope.message="hello"; } 但是上述写法是在全局作用域中创建的函数,这样会污染全局命名空

深入浅出理解AngularJS模块

AngularJS 模块 1.添加控制器 你可以使用 ng-controller 指令来添加应用的控制器: <div ng-app="myApp" ng-controller="myCtrl"> 名: <input type="text" ng-model="firstName"><br>姓: <input type="text" ng-model="la

《Pro AngularJS》学习小结-01

<Pro AngularJS>该书以一个SportsStore案例为主线铺开. 一.开发环境设置 该书中所用的server开发环境是Deployed,从来没听说过,而且作者也说该server没什么人用,我干脆弃用之.其他的环境包括 NodeJS--这个必须装 karma--测试环境,前期还没有用到,以后认真研究,毕竟AngularJS一大特点是Unit Test bootstrap--这个现在应该普遍使用了,O(∩_∩)O webstorm--现在唯一支持AngularJS插件的IDE 我基本

AngularJS 模块加载

AngularJS模块可以在被加载和执行之前对其自身进行配置.我们可以在应用的加载阶段应用不同的逻辑组.在模块的加载阶段, AngularJS会在提供者注册和配置的过程中对模块进行配置.在整个AngularJS的工作流中,这个阶段是唯一能够在应用启动前进行修改的部分. angular.module('myApp', []) .config(function($provide) {}); 使用config()函数的语法糖,并在配置阶段执行.例如,我们在某个模块之上创建一个服务或指令时: angul

AngularJS 深入理解 $scope 转载▼

AngularJS 深入理解 $scope 转载▼ (2015-04-07 14:09:50) $scope 的使用贯穿整个 AngularJS App 应用,它与数据模型相关联,同时也是表达式执行的上下文.有了$scope 就在视图和控制器之间建立了一个通道,基于作用域视图在修改数据时会立刻更新 $scope,同样的 $scope发生改变时也会立刻重新渲染视图. 有了 $scope 这样一个桥梁,应用的业务代码可以都在 controller 中,而数据都存放在controller 的 $sco

AngularJS 模块

模块定义了一个应用程序. 模块是应用程序中不同部分的容器. 模块是应用控制器的容器. 控制器通常属于一个模块. 你可以通过 AngularJS 的 angular.module 函数来创建模块: <div ng-app="myApp">...</div> <script> var app = angular.module("myApp", []); </script> "myApp" 参数对应执行应

AngularJS 模块&amp; 表单

模块定义了一个应用程序. 模块是应用程序中不同部分的容器. 模块是应用控制器的容器. 控制器通常属于一个模块. 应用("myApp") 带有控制器 ("myCtrl"): <div ng-app="myApp" ng-controller="myCtrl"> {{ firstName + " " + lastName }} </div> <script> var app

Angularjs MVC 以及 $scope 作用域 Angularjs 模块 的 run 方法 以及依赖注入中代码压缩问题

Angularjs MVC 以及 $scope 作用域 Angularjs 模块的 run 方法 以及依赖注入中代码压缩问题 1. Angularjs MVCModel:数据模型层View:视图层,负责展示Controller:业务逻辑和控制逻辑优点: 代码模块化 代码逻辑比较清晰.可移值性高,后期维护方便.代码复用,代码规模越来越大的时候,切分职责是大势所趋缺点:运行效率稍微低一些2. Angularjs $scope 作用域1. $scope 多控制器单独作用域<!DOCTYPE html>

2.3了解AngularJS模块和依赖注入

1.模块和依赖注入概述 1.了解模块 AngularJS模块是一种容器,把代码隔离并组织成简洁,整齐,可复用的块. 模块本身不提供直接的功能:包含其他提供功能的对象的实例:控制器,过滤器,服务,动画 可通过定义其提供的对象构建模块.通过依赖注入将模块连接在一起,构建一个完整的应用程序. AngularJS建立在模块原理上.大部分AngularJS提供的功能都内置到ng-*模块中. 2.依赖注入 定义依赖对象并动态地把它注入另一个对象,使得所有的依赖对象所提供的功能都能使用.(提供器 注入器服务)