以下會記錄如何新增component
1.首先先輸入
ctrl + `(單引號,通常在1的左邊tab上面)2.按+號新增終端機,預設可能是power shell,選擇終端機資料夾預設應該會在目前的專案上
3.建立component
ng generate component pages ng generate 建立一個 簡寫 g component 哪一種範本 簡寫 cpages 頁面名稱 未來請輸入方式如下列 ng g c pages
ng g -h 可看目前版本所有可建立的範本4.建立起來後,會多一個資料夾及有四個檔案,然後app.module.ts 會異動
CREATE src/app/pages/pages.component.html (24 bytes) <-Html CREATE src/app/pages/pages.component.spec.ts (621 bytes) <-測試檔 CREATE src/app/pages/pages.component.ts (265 bytes) <-程式 CREATE src/app/pages/pages.component.css (0 bytes) <-css UPDATE src/app/app.module.ts (392 bytes) 修改了declarations 及import { PagesComponent } from './pages/pages.component';5.如何顯示這個頁面?
找到剛新增的pages.component.ts
裡面有一個 selector: 'app-pages'
只要將app-pages加入在app.component.html即可顯示出剛剛的頁面
<app-pages></app-pages>參考資料
1.保哥的Angular 開發實戰:從零開始
2.Angular官網