创建组件需要三步：
1.从 @angular/core 引入 Component 装饰器
2.创建一个类，并用 @Component 修饰
3.在 @Component 中 ，设置selector、template 和 styles 等元数据
import {Component} from '@angular/core';
@Component({
selector: 'app-root',
//template: '<p>Hello, {{name}}</p>'
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class Hello {
name: string;
constructor() {
this.name = 'World';
}
}
<b>selector （选择器）：</b>
我们用它来告诉Angular创建和插入这个组件实例的元素属性。
<b>templateUrl（模版地址）：</b>
HTML的一种形式，它告诉Angular如何呈现这个组件。
<b>template （模板）：</b>
HTML的一种形式，它告诉Angular如何呈现这个组件。
<b>styleUrls（模版样式地址）：</b>
css样式，在组件模版中引用的css样式。
<h6 align = "right">sivona</h6>
