天天看點

angular 學習之元件component元件建立元件導出

元件建立

ng g c name
           

如是想在哪個目錄裡建 就直接CD進入那目錄裡執行就可以了

系統自動生成檔案 name.componet.less,name.compoent.html,name.component.spec.ts,name.component.ts

并且自動更新app.componet.ts裡的導入及ngmodel裡的declarations 内部聲明子產品

元件導出

元件根目錄建立inde.ts

export * from './scrollable-tab';
           

在每個元件裡發出後,在根元件 app.component裡導入時隻要導入目錄即可

*

使用 index.ts 有兩個好處

  1. 縮短引用的路徑
  2. 更好的封裝,目錄内部結構的變化不會影響外部