angular---angular4学习笔记:angular中的模块化@NgModule装饰器
来源:互联网 发布:windows无法格式化cf 编辑:程序博客网 时间:2024/06/08 02:39
angular应用的模块系统被称为angular模块或NgModule
- 定义:
///angular是带有@NgModule装饰器提供元数据的类。 其模块系统被称为angular模块或NgModules.每一个angular应用至少有一个模块,不可或缺的根模块(如:AppModule)。import { NgModule } from '@angular/core';import { BrowserModule } from '@angular/platform-browser';@NgModule({ imports: [ BrowserModule ], providers: [ Logger ], declarations: [ AppComponent ], exports: [ AppComponent ], bootstrap: [ AppComponent ]})export class AppModule { }
- 作用:
1.angular模块把组件、指令、管道打包成内聚功能块;2.angular模块用于添加服务(外部或自定义,如http请求类、路由类等);3.angular模块在应用启动时,可以主动或懒加载;
- @NgModule:
@NgModule({ imports: [ BrowserModule ], providers: [ Logger ], declarations: [ AppComponent ], exports: [ AppComponent ], bootstrap: [ AppComponent ]});//imports--angular模块把特性合并成离散单元的一种方式,当应用需要模块的特性时,将其添加到imports数组中,它告诉Angular应用需要它们来正常工作。//providers--创建的服务加入到当前模块中,如果是根模块,则可以用于应用任何部分。//declarations--声明当前module控制的组件,创建的指令和管道也要添加至declarations数组中。//exports--declarations 的子集,可用于其它模块的组件模板。//bootstrap--指定应用的主视图(称为根组件),它是所有其它视图的宿主。只有根模块才能设置bootstrap属性。
阅读全文
0 0
- angular---angular4学习笔记:angular中的模块化@NgModule装饰器
- angular js中的模块化
- angular 2.0 模块化学习
- 【Angular4.X学习笔记一】对Angular的基础认识
- Angular入门-装饰器
- angular学习笔记二
- Angular 学习笔记 1
- Angular 学习笔记 2
- Angular 学习笔记 3
- Angular 学习笔记 4
- Angular 学习笔记 5
- Angular 学习笔记 6
- Angular.js学习笔记
- angular学习笔记一
- [angular]学习笔记
- angular js学习笔记
- Angular 学习笔记
- Angular学习笔记
- Java设计模式
- UVA
- django处理Ajax跨域访问
- 模拟curl 请求,将xml 数据变数组
- try catch总结
- angular---angular4学习笔记:angular中的模块化@NgModule装饰器
- 深入理解SQL的四种连接-左外连接、右外连接、内连接、全外连接
- 蘑*街面试感想和总结
- redis入门学习
- 自定义view__封装Dialog-分享功能UI的实现
- zynq学习笔记——EMIO方式模拟I2C时序对ADV7511进行读写
- 策略模式用于封装系列的算法,这些算法通常被封装在一个被称为 Context 类中,客户端程序可以自由选择其中一种算法
- 疯狂的bLue
- 动态规划求解矩阵连乘