Angular2（一）--模块

modules : angular.module('myModule', [])表示创建一个新的myModule模块；angular.module('myModule')表示取回一个已存在的myModule模块。前者的中括号是数组，是所需的依赖模块，在使用前被加载，类似run block。

composing HTML templates with Angularized markup, writing component classes to manage those templates, adding application logic in services, and boxing components and services in modules.

angular是模块化的，它有自己的模块化系统叫ngModules，angular的root module叫AppModule。

decorator是用来附加元数据到class上以让angular知道那些类是什么，怎么工作。

在app/app.module.ts中编写ngModule，NgModule是包含元数据对象来描述模块的，它的重要属性有：

1. declarations：模块视图类（ components,directives, and pipes.）
2. exports：使模块的子集能被其他模块使用
3. imports:使用其他模块
4. providers:服务的创建者
5. bootstrap：主要的应用视图，被叫做root component,支持其他的app view.只有root module才能成为bootstrap的参数

在app/main.ts中bootstrap一个AppModule，import { AppModule } from './app.module';

使用decorator来将一个类成为angular组件通过使用@Component decorator。

Metadata是用来告诉angular如何处理一个class

providers:组件所需要的 dependency injection providers 的服务数组。

Angular templates are dynamic. When Angular renders them, it transforms the DOM according to the instructions given by directives.

Structural directives alter layout by adding, removing, and replacing elements in DOM.
Attribute directives alter the appearance or behavior of an existing element.

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！