Angular 2 架构 - 组件

组件是一个模板的控制类用于处理应用和逻辑页面的视图部分

组件是构成 angular 应用的基础和核心，可用于整个应用程序中

组件知道如何渲染自己及配置依赖注入

组件通过一些由属性和方法组成的 api 与视图交互

创建 Angular 组件的方法有三步：

1. 从 @angular/core 中引入 Component 修饰器
2. 建立一个普通的类，并用 @Component 修饰它
3. 在 @Component 中，设置 selector 自定义标签 ，以及 template 模板

组件一般保存在 [组件名].component.ts 文件中，比如下面的 AppComponent 组件

app.comonent.ts

import { Component } from '@angular/core';
@Component({
  selector: 'my-app',
  template: '<h1>我的第一个 AngularJS 2 TypeScript 应用</h1>'
})
export class AppComponent { }

链接: https://www.fly63.com/course/15_829