Angular 学习系列 - - angular.Module
2016-02-15 00:00
615 查看
angular.Module
Angular模块配置接口。
方法:
provider(name,providerType);
name:服务名称。
providerType:创建一个服务的实例的构造函数。
factory(name,providerFunction);
name:服务名称。
providerFunction:创建服务的实例的函数。
service(name,constructor);
name:服务名称。
constructor:一个将被实例化的构造函数。
value(name,object);
name:服务名称。
object:服务实例对象。
constant(name,object);
name:常量名称。
object:常量值。
animation(name,animationFactory);
备注:animation只有在注入ngAnimate模块后才有效果。
定义一个稍后能在$animate服务或者注入此服务的指令中使用的动画。
name:动画名称。
animationFactory:创建动画的工厂函数。
filter(name,filterFactory);
name:过滤器名称。
filterFactory:创建一个过滤器的实例的工厂函数。
controller(name,constructor);
name:控制器名称。
constructor:控制器构造函数。
directive(name,directiveFactory);
name:指令名称。
directiveFactory:指令构造函数。
config(configFn);
使用这个方法来注册需要在模块加载时执行的动作。
configFn:在模块加载时执行这个函数。在服务配置时候较实用。
run(initializationFn);
使用这个方法来注册需要在所有模块都注入完成后执行的动作。
initializationFn:在注入创建后执行该函数。在应用程序初始化时很实用。
使用代码:
这些都是对模块的配置,比如写上自己的controller,写上自己的service,或者写config配置啥的,这里感觉也没什么具体该介绍的,按照自己的项目写好这些配置即可了...
Angular模块配置接口。
方法:
provider(name,providerType);
name:服务名称。
providerType:创建一个服务的实例的构造函数。
factory(name,providerFunction);
name:服务名称。
providerFunction:创建服务的实例的函数。
service(name,constructor);
name:服务名称。
constructor:一个将被实例化的构造函数。
value(name,object);
name:服务名称。
object:服务实例对象。
constant(name,object);
name:常量名称。
object:常量值。
animation(name,animationFactory);
备注:animation只有在注入ngAnimate模块后才有效果。
定义一个稍后能在$animate服务或者注入此服务的指令中使用的动画。
name:动画名称。
animationFactory:创建动画的工厂函数。
filter(name,filterFactory);
name:过滤器名称。
filterFactory:创建一个过滤器的实例的工厂函数。
controller(name,constructor);
name:控制器名称。
constructor:控制器构造函数。
directive(name,directiveFactory);
name:指令名称。
directiveFactory:指令构造函数。
config(configFn);
使用这个方法来注册需要在模块加载时执行的动作。
configFn:在模块加载时执行这个函数。在服务配置时候较实用。
run(initializationFn);
使用这个方法来注册需要在所有模块都注入完成后执行的动作。
initializationFn:在注入创建后执行该函数。在应用程序初始化时很实用。
使用代码:
angular.module("Demo", []) .provider("demoProvider", ["dependency",function(dependency){//your code }]) .factory("demoFactory",["dependency",function(dependency){//your code }]) .service("demoService",["dependency",function(dependency){//your code }]) .value("demoValue",{//your object }) .constant("demoConstant",{//your object }) .animation(".demoAnimationName", ["dependency",function(dependency){//your code }]) .filter("demoFilter",["dependency",function(dependency){//your code }]) .controller("demoCtrl", ["dependency",function (dependency) {//you code }]) .directive("demoDirctive",["dependency",function (dependency) {//you code }]) .config(["dependency",function(dependency){//your code }]) .run(["dependency",function(dependency){//your code }])
这些都是对模块的配置,比如写上自己的controller,写上自己的service,或者写config配置啥的,这里感觉也没什么具体该介绍的,按照自己的项目写好这些配置即可了...
相关文章推荐
- Angular 学习系列 - - $anchorScroll、$controller、$document
- Angular 学习系列 - - Angular数据类型判断
- Angular 学习系列 - - $interpolate 和 $parse
- Angular 学习系列 - - $location 和 $window
- AngularJs 动态加载模块和依赖注入
- Angular 学习系列 - - Angular Cookies 操作
- Angular 学习系列 - - angular.forEach、angular.extend
- Angular 学习系列 - - $q 承诺与延迟
- Angular 学习系列 - - $resource 更高端的数据交互
- Angular 学习系列 - - angular.element
- Angular 学习系列 - - ngClass、ngClassEven、ngClassOdd、ngStyle
- Angular 学习系列 - - ngCloak、ngController、ngInit、ngModel
- Angular 学习系列 - - $sce 和 $sceDelegate
- Angular 学习系列 - - filter 过滤器
- AngularJs ui-router 路由的简单介绍
- Angular 学习系列 - - 键盘事件和鼠标事件
- Angular 学习系列 - - ngReadonly、ngSelected、ngDisabled
- Angular 学习系列 - - ngChange、ngChecked、ngClick、ngDblclick
- Angular 学习系列 - - ngRoute Angular自带的路由
- Angular 学习系列 - - $animate 让交互动起来