Angular CLI 操作筆記
開發 Angular 就不能不知道 Angular CLI 這個超級好用的命令列工具,有了這個工具,原本渾沌的開發環境,頓時清晰,許多繁瑣的瑣事,一個命令就搞定!這邊是我自己的操作筆記,讓記憶力不佳的我,有個地方可以方便查詢。
開發 Angular 就不能不知道 Angular CLI 這個超級好用的命令列工具,有了這個工具,原本渾沌的開發環境,頓時清晰,許多繁瑣的瑣事,一個命令就搞定!這邊是我自己的操作筆記,讓記憶力不佳的我,有個地方可以方便查詢。
1. angular.json 是 Angular CLI 的控制塔,它提供了 Angular workspace 和 project 的預設配置。
Decorators 是 function 掛有 @前綴符號,可以用於 class、paramemter、method 或 property的前面。用來提供額外的資訊。
Commom (11)
ng-content
開發時常用的參考資料
template 引用 i18n
import material style
這個資料夾通常是放 modules 常用到的 class 用來定義 interface type extend class ,為了方便使用所以特別拉出來
angular 原生的 number 需要特別去看一下 decimaPipe
響應式表單提供了一種模型驅動的方式來處理表單輸入,其中的值會隨時間而變化。本文會向你展示如何建立和更新基本的表單控制元件,接下來還會在一個表單組中使用多個控制元件,驗證表單的值,以及建立動態表單,也就是在執行期新增或移除控制元件。
如果你想要 reload 這個 page 但是你不想要用 window.location 的方式可以試試此方法
router 轉址後會先經過 resolver 在去到另一個 router ,因此可先在此取得資料,到新頁面時就可直接賦予值
Angular 路由
首先把你的專案改為 ssr
Service providers
把共同的 contain 拉出來寫在 template 直接共用
11 升 12 所遇到的坑
如果把 template 中的一小區,拉出來寫 ng-template,但還需要把不同的資料傳入渲染就可以用 NgTemplateOutLet 加上 ngTemplateOutletContext 這樣子就可以把資料傳到 template 上作使用。
Angular life hoooks