首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    从ng1看ng2 关于NgModule的简易归纳

    不过这ng2的文档不看不要紧,一看真的是有些蛋疼,随便看个啥,连码代码加理解,估计一下午也就能看一个简单的概念,就比如今天想归纳的NgModule这部分东西,前后大概有30几页的东西,所以我觉的如果不写点东西总结一下...因此ng2改用了以Decorator的方式来使代码具有语意性,如下 @NgModule({ imports: [ ... ], declarations: [ ... ], providers...: [ ... ], exports: [ ... ] }) export class FooModule { } 通过NgModule这个装饰器来对一个class进行描述。...这个概念在ng1中同样有,但是和上面指出的问题一样,就是没有代码层面的语意性描述,为了更好的描述它,ng2中的root-module会提供额外的装饰器属性来修饰它 @NgModule({ ...,

    93020

    Angular 路由配置(预加载配置,懒加载配置)

    NgModule作为Angular模块的核心,下面首先就来讲一讲。 1....@NgModule的作用: NgModule 最根本的意义是帮助开发者组织业务代码,开发者可以利用 NgModule 把关系比较紧密的组件组织到一起,这是首要的。...NgModule 用来控制组件、指令、管道等是否可以使用,处于同一个 NgModule 里面的组件默认互相可见,而对于外部的组件来说,只能看到 NgModule 导出( exports )的内容,也就是说...NgModule 是打包时候用到的最小单位,打包的时候会检查所有 @NgModule 和路由配置,Angular底层是使用webpack打包。...@NgModule结构说明: @NgModule({   declarations: [], //属于当前模块的组件、指令及管道   imports: [], //当前模板所依赖的项,即外部模块(包括

    3.2K30

    Angular 从入坑到挖坑 - 模块简介

    、Overview Angular 入坑记录的笔记第七篇,介绍 Angular 中的模块的相关概念,了解相关的使用场景,以及知晓如何通过特性模块来组织我们的 Angular 应用 对应官方文档地址: NgModule...NgModule 使用根模块启动应用 常用模块 特性模块 二、Knowledge Graph ?...这种 Angular 内置的库也都是一个个的 NgModule,在开发中通过将组件、指令、管道、服务或其它的代码文件聚合成一个内聚的功能块,专注于系统的某个功能模块 常见的 NgModule 模块 模块名称...是一个带有 @NgModule 装饰器的类,通过函数的参数来描述这个模块,例如在上节笔记中创建的 CrisisModule,定义了我们在该特性模块中创建的组件,以及需要使用到的其它模块 ?...在使用 @NgModule 装饰器时,通常会使用到下面的属性来定义一个模块 declarations:当前模块中的组件、指令、管道 imports:当前模块所需的其它 NgModule 模块

    1.8K20

    Angualr2 之 angular模块Angular 模块化提供服务特性模块 - 业务上的最佳实践(n)共享模块XxxModule.forRoot配置核心服务知识点

    模块没有父子关系,只有引入 ---- 用@NgModule来定义应用中的模块。 Angular 模块是带有 @NgModule 装饰器的函数。...@NgModule接收一个元数据对象,该对象告诉 Angular 如何编译和运行模块代码。 它标记出该模块拥有的组件、指令和管道, 并把它们的一部分公开出去,以便外部组件使用它们。... Angular模块是由一个@NgModule装饰器提供元数据的类,元数据包括: 1-导入其他模块 2-声明哪些组件、指令、管道属于该模块 3-公开某些类,以便其他的组件模块可以使用它们...ModuleWithProviders对象有两个属性: ngModule - XxxModule类 providers - 配置好的服务提供商 知识点 NgModel是Angular指令。...更精确的说法是,Angular 会先累加所有导入的提供商,*然后才*把它们追加到@NgModule.providers 中。

    2.2K30

    Angular系列教程-第五节

    1.模块 NgModule 是一个带有 @NgModule 装饰器的类。 @NgModule 的参数是一个元数据对象,用于描述如何编译组件的模板,以及如何在运行时创建注入器。...NgModule 还能把一些服务提供商添加到应用的依赖注入器中。 NgModule 的元数据会做这些: 声明某些组件、指令和管道属于这个模块。...@NgModule 装饰器表明 AppModule 是一个 NgModule 类。 @NgModule 获取一个元数据对象,它会告诉 Angular 如何编译和启动本应用。...每个组件都应该(且只能)声明(declare)在一个 NgModule 类中。 如果你使用了未声明过的组件,Angular 就会报错。 declarations 数组只能接受可声明对象。...同样,也要使用 @Injectable() 装饰器来表明一个组件或其它类(比如另一个服务、管道或 NgModule)拥有一个依赖。

    2.9K20

    Angular快速学习笔记(2) -- 架构

    NgModule 为一个组件集声明了编译的上下文环境,它专注于某个应用领域、某个工作流或一组紧密相关的能力。 NgModule 可以将其组件和一组相关代码(如服务)关联起来,形成功能单元。...像 JavaScript 模块一样,NgModule 也可以从其它 NgModule 中导入功能,并允许导出它们自己的功能供其它 NgModule 使用。...比如,要在你的应用中使用路由器(Router)服务,就要导入 Router 这个 NgModule。 1.1.1 定义一个模块 一个NgModule就是一个使用@NgModule 装饰器的类。...1.1.2 NgModule 和组件 NgModule 为其中的组件提供了一个编译上下文环境。根模块总会有一个根组件,并在引导期间创建它。...1.1.3 NgModule 和 JavaScript 的模块 NgModule 系统与 JavaScript(ES2015)用来管理 JavaScript 对象的模块系统不同,而且也没有直接关联。

    5.2K20
    领券