AngularJs angular.Module模块接口配置

简介: angular.Module Angular模块配置接口。 方法: provider(name,providerType); name:服务名称。 providerType:创建一个服务的实例的构造函数。

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:在注入创建后执行该函数。在应用程序初始化时很实用。

使用代码:

  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配置啥的,这里感觉也没什么具体该介绍的,按照自己的项目写好这些配置即可了...

相关文章
|
21天前
|
前端开发
Angular module 的 forRoot 和 forChild 方法
Angular module 的 forRoot 和 forChild 方法
11 1
|
JavaScript 前端开发 vr&ar
Angular 1和Angular 2的区别
Angular 1和Angular 2的区别
148 0
|
安全
angular24-angular安全
angular24-angular安全
62 0
angular24-angular安全
如何找到Angular应用的某个directive是属于哪一个Angular module
如何找到Angular应用的某个directive是属于哪一个Angular module
如何找到Angular应用的某个directive是属于哪一个Angular module
Angular NgModule 中的 declarations 和 exports定义
我在app.component.ts的template文件里试图使用另一个Component时,遇到如下错误消息: app-parent-child is not a known element:
Angular NgModule 中的 declarations 和 exports定义
使用 Angular CLI 创建基于 Angular 12 的应用
使用 Angular CLI 创建基于 Angular 12 的应用
129 0
使用 Angular CLI 创建基于 Angular 12 的应用
|
JavaScript 前端开发