Angular-component(组件)

//heroes.component.html
<p>
  heroes works!
</p>


//heroes.component.css

//heroes.component.ts
import { Component, OnInit } from ‘@angular/core‘;
//始终Component从Angular核心库中导入符号，并使用注释组件类。
//@Component 是指定组件的Angular元数据的装饰器函数。

@Component({
　//组件的CSS元素选择器
  selector: ‘app-heroes‘,
　//组件模板文件的位置
  templateUrl: ‘./heroes.component.html‘,
　//组件的私有CSS样式的位置
  styleUrls: [‘./heroes.component.css‘]
})
export class HeroesComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}