1.Component是一個模板的控制類用於處理應用和邏輯頁面的視圖部分。

2.Component時Angular2應用最基礎的建築磚塊。

3.任何一個Component都是NgModule的一部分，為了定義Component成為NgModule的成員之一，我們應該在NgModule的declarations屬性中將需要的Component列出。

4.@Component裝飾符能接收一個配置對象，並把緊隨其後的類標記為組件類。

5.最簡單的Component

import { Component ， OnInit } from ‘@angular/core‘;
import {LentestService } from ‘./lentest.service‘;

@Component({
    selector: ‘lentest‘,
    templateUrl: ‘./lentest.component.html‘,
    styleUrls: [‘./lentest.component.css‘],
    providers: [ LentestService, ] // 此處的providers是使用方，用於註入；而Modeule的providers是供給方
})
export class LentestComponent implements OnInit {
    constructor(private lentestService: LentestService){ // 依賴註入，詳見 Service(服務)
    }
    ngOnInit(): void{
    }
}
 

@Component裝飾符的常用配置屬性

selector - CSS選擇器，在父級HTML視圖中插入<lentest></lentest>標簽後，可通過識別該標簽，往其中創建並插入子組件；

templateUrl - Component的HTML模板地址；

styleUrl - 一個數組， Component的樣式地址；

providers - 一個數組，包含組件所依賴的服務所需要的依賴註入提供者，可用於當前Component及其子視圖；

Component(組件)