Angular 2应用的8个主要构造块有哪些

Angular 2应用的8个主要构造块有哪些

NgModule 是一个装饰器函数，它接收一个用来描述模块属性的元数据对象。属性有：
declarations（声明）：本模块中拥有的视图类。angular 有三种视图类：组件、指令、管道。
exports：declarations的子集，可用于其它模块中的组件模板。
imports：本模块组件模板中需要由其他模板导出的类。
providers：服务的创建者。本模块把它们加入全局的服务表中，让他们在应用中的任何部分都可被访问到。
bootstrap：标识出应用的主视图（根组件）。只有根模块才可设置此属性。

下面是一个简单的根模块：
// app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
// @NgModle 装饰器函数，接受一个对象，对象有几个属性
@NgModule({
imports: [ BrowserModule ],
providers: [ Logger ],
declarations: [ AppComponent ],
exports: [ AppComponent ],
bootstrap: [ AppComponent ]
})
// AppComponent 的 export 语句导出，根模块不需要导出，其他组件不需导入根模块。
export class AppModule { }

引导根模块来启动应用。在 main.ts 文件中引导 AppModule：
// app/main.ts
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
// 从app.module 文件导入了 AppModule
import { AppModule } from './app.module';
platformBrowserDynamic().bootstrapModule(AppModule);
此时，项目只有 app/app.module.ts 文件和 app/main.ts ，前者定义了应用的根模块，后者引用它来启动应用。

Angular 模块与JavaScript模块比较：
JavaScript的模块化是分文件导入的，各文件就是各模块。

Angular 模块（用 @NgModule 装饰的类）是Angular的基础特性。
JavaScript的模块系统管理一组JavaScript对象。
在JavaScript中，每个文件就是一个模块，该文件中定义的对象从属于该模块。通过 export 关键字，可以把它的某些对象声明为公开。别的模块可以使用 import 语句访问公开对象。
JavaScript的这个特性很有用。
export 关键字声明为公开，import 语句访问公开对象。

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息