angular學習—元件

元件：

vue元件：xxx.vue

react元件：xxx.js+xxx.css

angular元件：xxx.ts+xxx.css+xxx.html

 

angular的裝飾器：

@ngModule:angular的一個模組化。裝飾angular的app.module.ts檔案內的AppModule類。

引數：

declarations：註冊元件的地方
imports：註冊專案用到的核心功能模組
providers：註冊相關服務的
bootstrap：指定頁面上初始渲染的元件

angular的元件裝飾器：

@Component({
  selector: `app-root`, //元件的名字
  templateUrl: `./app.component.html`,//當前元件的html模板
  styleUrls: [`./app.component.css`] //當前元件的樣式
})

export class AppComponent {
  title = `angularpro`;　　//類的屬性
}

通過@component這個裝飾器，將AppComponent類裝飾為一個元件。

 

vue和react和angular的html模板的區別：
vue和react必須要有一個根節點，但angular不需要根節點。