Angular2 组件的使用

创建组件需要三步：

1.从 @angular/core 引入 Component 装饰器

2.创建一个类，并用 @Component 修饰

3.在 @Component 中 ，设置selector、template 和 styles 等元数据

import {Component} from '@angular/core';

@Component({
      selector: 'app-root',
      //template: '
Hello, {{name}}
'
      templateUrl: './app.component.html',
      styleUrls: ['./app.component.css']
})

export class Hello {
    name: string;

    constructor() {
        this.name = 'World';
    }
}

selector （选择器）：
我们用它来告诉Angular创建和插入这个组件实例的元素属性。

templateUrl（模版地址）：
HTML的一种形式，它告诉Angular如何呈现这个组件。

template （模板）：
HTML的一种形式，它告诉Angular如何呈现这个组件。

styleUrls（模版样式地址）：
css样式，在组件模版中引用的css样式。

---

sivona