Angular - - angular.Module

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

时间: 2024-10-20 14:09:06

Angular - - angular.Module的相关文章

Angular JS Module

使用factory创建服务 <!doctype html> <html ng-app='ShoppingModule'> <head> <meta charset="UTF-8"> <script src="angular.js"></script> <script src="controller2.js"></script> </head>

Angular - - angular.injector、angular.module

angular.injector 创建一个injector对象, 调用injector对象的方法可用于获取服务以及依赖注入. 格式:angular.injector(modules); modules:  Array 注入的模块(一个或多个). 使用代码: (function () { angular.module("firstModule", []) .service("firstService", function () { this._log = functi

angular自定义module

在app.module.ts里面,imports部分,添加你的自定义模块名在你的自定义模块内,添加了component以后,需要添加exports导出,类似下面 import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { C1Component } from './c1/c1.component'; import { C2Component } from '.

[Angular] Angular CLI

Create an app with routing config: ng new mynewapp --routing If you want to generate a new module with routing , you can also do: ng g m mynewModule --routing Define env variable: You can create a custom env file inside env folder. // environment.ch.

Angular - - Angular数据类型判断

angular.isArray 判断括号内的值是否为数组. 格式:angular.isArray(value); value: 被判断是否为数组的值. --------------------------------------------------------------- angular.isDate 判断括号内的值是否是一个时间. 格式:angular.isDate(value); value:被判断是否为时间的值. -----------------------------------

Angular - - angular.identity和angular.noop

angular.identity 函数返回本身的第一个参数.这个函数一般用于函数风格. 格式:angular.identity() 使用代码 (function () { angular.module("Demo", []) .controller("testCtrl", testCtrl); function testCtrl() { var getResult = function (fn, val) { return (fn || angular.identi

Angular Angular 部分2

临时笔记 太新了,现成的组件少, 自己封装一个 Angular UI 组件 Angular2采用自定义指令(Directive)方式加载jquery插件(别人跟着试了,无法实现) http://www.jb51.net/article/105121.htm 下面是几乎没有语法高亮的原文 http://www.cnblogs.com/liuyt/p/5810100.html AngularJS的组件封装 需求: 将一个Echarts封装成一个通用的AngularJS组件. 需求来源:Echarts

Angular - - angular.forEach、angular.extend

angular.forEach 调用迭代器函数取每一项目标的集合,它可以是一个对象或数组.迭代器函数与迭代器(value.key)一起调用,其中值是一个对象属性或数组元素的值,而数组元素是对象属性的关键或数组元素索引.为函数指定一个可选的上下文. 格式:angular.forEach(obj,iterator,[context]); obj:遍历的对象 iterator:迭代器 [content]: 对象为迭代器函数的上下文(this) 使用代码: var arr = [{ name: "A&q

Angular - - angular.equals

angular.equals 对比两个对象/值是否相等.支持值类型.正则表达式.数组和对象. 如果下列至少有一个是正确的,则将两个对象/值视为相等. 两个对象/值能通过===比较. 两个对象/值是同一类型/他们的属性一致并且通过angular.equals详细比较. 两者都是NaN. (在javascript中, NaN == NaN => false. 但是我们认为两个 NaN 是平等的) 两个值都代表相同的正则表达式 (在JavaScript里, /abc/ == /abc/ => fal