在當前項目目錄下，使用Angular-CLI生成一個組件：heroes

ng generate component heroes

//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() {
  }

}

Angular-component(組件)