ng 專案結構

ng啟動過程

├── e2e 端到端測試（暫且不關心）

├── node_modules npm安裝的第三方包

├── src 存放業務原始碼

├── .angular-cli.json angularcli腳手架工具配置檔案

├── .editorconfig 針對編輯器的**風格約束

├── .gitignore git倉庫忽略配置項

├── karma.conf.js 測試配置檔案（給karma用的，暫且不用關心）

├── package.json 專案包說明檔案

├── protractor.conf.js 端到端測試配置檔案（暫且不用關心）

├── readme.md 專案說明檔案

├── tsconfig.json typescript配置檔案

└── tslint.json typescript**風格校驗工具配置檔案（類似於 eslint）

...

"scripts": ,
...

,}],

"e2e": 
},"lint": [ typescript**風格校驗相關配置,,
],"test": 
},"defaults": 
}}

ng 專案結構

ng啟動過程 e2e 端到端測試 暫且不關心 node modules npm安裝的第三方包 src 存放業務原始碼 angular cli.json angularcli腳手架工具配置檔案 editorconfig 針對編輯器的 風格約束 gitignore git倉庫忽略配置項 karma.co...

ng表單驗證

1 在form中加上 novalidate 2 利用ng pattern驗證 如果不匹配的話 ng model是繫結不上資料的 常用的表單驗證指令 某個表單輸入是否已填寫，只要在輸入字段元素上新增html5標記required即可 input type text required 在輸入欄位上使用指...

Ng的陣列繫結

tip 資料的定義需要在對應ts中進行，呼叫在html中 定義陣列 ts中 public arr 111 222 333 html中 指定資料型別 ts中public list any 我是1號 我是2號 我是3號 public items array 我是1號 我是2號 我是3號 這兩種方式可以任...