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

相关文章
|
6月前
|
JavaScript 前端开发 应用服务中间件
angular引入包、路由权限配置、打包问题与nginx配置问题(简单部署)
angular引入包、路由权限配置、打包问题与nginx配置问题(简单部署)
158 0
|
3月前
|
SEO 搜索推荐 数据采集
让 JSF 应用秒变搜索引擎宠儿!揭秘 SEO 优化的神奇魔法,让你的网站脱颖而出!
【8月更文挑战第31天】随着互联网的发展,搜索引擎已成为用户获取信息的主要途径,SEO 对 Web 应用至关重要。本文介绍如何提升 JavaServer Faces(JSF)应用的 SEO 友好性,包括关键词优化、网页结构优化和外部链接建设等基础知识,并提出了使用语义化 HTML 标签、优化页面标题和描述、生成静态 HTML 页面及 URL 重写等具体策略,帮助您的网站在搜索引擎中获得更高排名。
32 0
|
3月前
|
前端开发 JavaScript 开发者
Angular与Webpack协同优化:打造生产级别的打包配置——详解从基础设置到高级代码拆分和插件使用
【8月更文挑战第31天】在现代前端开发中,优化应用性能和加载时间至关重要,尤其是对于使用Angular框架的项目。本文通过代码示例详细展示了如何配置Webpack,以实现生产级别的打包优化。从基础配置到生产环境设置、代码拆分,再到使用加载器与插件,每个步骤都旨在提升应用效率,确保快速加载和稳定运行。通过这些配置,开发者能更好地控制资源打包,充分发挥Webpack的强大功能。
91 0
|
4月前
|
前端开发 容器
前端框架与库 - Angular模块与依赖注入
【7月更文挑战第17天】探索Angular的模块化和依赖注入:模块用于组织组件、服务等,通过`@NgModule`声明。依赖注入简化类间依赖管理,但面临模块重复导入、服务作用域不当和依赖循环等问题。解决策略包括规划模块结构、正确设置服务作用域和使用工厂函数打破循环依赖。遵循最佳实践,构建高效、可维护的Angular应用。
63 17
|
6月前
|
C++
【angular】启动项目和路由配置
【angular】启动项目和路由配置
50 1
|
JavaScript
Angular1.x的自定义指令directive参数配置详细说明
Angular1.x的自定义指令directive参数配置详细说明
|
数据安全/隐私保护
Angular最新教程-第八节 路由一(路由配置)
Angular最新教程-第八节 路由一(路由配置)
227 0
Angular最新教程-第八节 路由一(路由配置)
|
缓存
Angular CLI找不到模块"angular-devkit/build-angular"
Angular CLI 是 Angular 客户端命令行工具,提供非常多的命令来简化 Angular 的开发。今天执行“ng serve”命令时,竟然报找不到模块"@angular-devkit/build-angular"的错误。
2403 0
|
Java
将Angular6自己定义的模块发布成npm包
创建自己的模块组件 1. ng new 一个工程 2. ng g m 创建模块 例如我这里的modules文件下创建header模块 3. ng g c modules/head 创建一个hear组件,内容随意 4.
2469 0
|
JavaScript 数据安全/隐私保护 API
第218天:Angular---模块和控制器
1、使用NG实现双边数据绑定 所有需要ng管理的代码必须被包裹在一个有ng-app指令的元素中ng-app是ng的入口,表示当前元素的所有指令都会被angular管理(对每一个指令进行分析和操作) 1 2 3 使用NG实现双边数据绑定 4 7 hello {{user.
1099 0