Angular檔案建立命令

2021-09-24 12:09:43 字數 750 閱讀 6261

// 生成元件帶有模版

ng generate component example

或ng g c example

ng generate component example -it 生成內聯模版(不會單獨生成html檔案)

ng generate directive my-directive - 生成乙個新指令

ng generate pipe my-pipe - 生成乙個新管道

ng generate service my-service - 生成乙個新服務

ng generate route my-route - 生成乙個新路由

ng generate class my-class - 生成乙個簡易的模型類

以下可能常用的命令引數有:

--flat 表示是否不需要建立資料夾

--inline-template (-it) 模板是否應該放在ts檔案裡

--inline-style (-is) 樣式是否應該放在ts檔案裡.

--spec 是否需要建立spec檔案(測試檔案)

--view-encapsulation (-ve) view encapsulation策略 (簡單理解為樣式檔案的作用範圍策略).

--change-detection (-cd) 變化檢查策略.

--prefix 設定這個component的字首

--dry-run (-d), 列印出生成的檔案列表, 而不直接生成.

Angular檔案上傳

檔案上傳必須使用multipart form data編碼方式的表單post提交,而如果需要非同步上傳檔案,則要使用formdata物件,如下 angular提供的配置選項。在這裡將data資料轉換 包裝成formdata格式 transformrequest function data 也可以在外...

Angular中動態建立元件

通常來說元件不需要動態來建立,因為直接在模板中使用可以滿足大部分的需求。可是如果有這樣的需求 模板中存在多個元件是否顯示依賴特定的條件,那麼就需要定義多個bool型別的變數來控制,而且還需要考慮bool型別變數 的修改,這樣操作起來比較繁瑣。這個時候可以考慮使用動態建立元件的方式。大致流程如下所示。...

Angular 專案檔案概覽

前言 為了更好的運用angular進行開發,我們首先應該好好了解angular專案的檔案概覽,知道都有哪些檔案,分別都怎麼用,這樣我們才會將其運用得更加靈活。內容 src資料夾 我們的應用 位於src資料夾中。所有的angular元件 模板 樣式 以及你的應用所需的任何東西都在這裡。這個資料夾之外的...