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不需要根節點。