~~~
project_name 應用部署目錄
├─e2e 端到端測試目錄
│ ├─src
│ │ ├─app.e2e-spec.ts
│ │ └─app.po.ts
│ ├─protractor.conf.js
│ └─tsconfig.e2e.json
├─node_modules 提供給整個項目的模塊
│ ├─@angular angular模塊
│ └─... 更多系統模塊
├─src 應用源碼目錄
│ ├─app 項目應用目錄
│ │ ├─app.component.css 根組件AppComponent的 CSS 樣式表。
│ │ ├─app.component.html 根組件AppComponent關聯的模板。
│ │ ├─app.component.ts 應用根組件(名叫AppComponent)的邏輯代碼
│ │ ├─app.component.spec.ts 根組件AppComponent的單元測試文件。
│ │ └─app.module.ts 根模塊(名叫AppModule),它告訴 Angular 如何組裝應用。
│ ├─assets 靜態資源目錄(圖片文件)
│ ├─environments 包含針對特定目標環境的配置選項
│ │ ├─environment.prod.ts
│ │ └─environment.ts
│ ├─browserslist 配置各個目標瀏覽器和 Node.js 版本之間的市場占有率,供各種前端工具使用。
│ ├─favicon.ico 網站圖標
│ ├─index.html 主入口html文件。
│ ├─karma.conf.js
│ ├─main.ts 應用的主入口點,引導應用的根模塊 AppModule 來運行在瀏覽器中。
│ ├─polyfills.ts 為瀏覽器支持提供膩子腳本
│ ├─styles.css 全局css樣式文件
│ ├─test.ts 單元測試的主入口點
│ ├─tsconfig.app.json 繼承自根目錄的tsconfig.json文件。
│ ├─tsconfig.spec.json 繼承自根目錄的tsconfig.spec.json文件。
│ └─tslint.json 繼承自根目錄的tslint.json文件。
├─.editorconfig 代碼編輯器配置
├─.gitignore 指定要忽略的非跟蹤的文件。
├─angular.json 項目的默認 CLI 配置
├─package-lock.json 為 npm 客戶端安裝到node_modules中的所有軟件包提供版本信息。
├─README.md 介紹文檔。
├─tsconfig.json 項目的默認TypeScript配置。
├─tslint.json 工作空間中所有應用的默認TSLint配置。
~~~
- 目錄結構
- 架構
- 指令
- 數據綁定
- 結構性指令
- 屬性型指令
- 自定義指令
- 模板引用變量
- 屬性綁定
- 事件綁定
- 組件
- 組件交互
- 管道
- 自定義管道
- 動態組件
- 變量檢測機制
- 組件生命周期
- 路由
- 路由配置
- 路由導航
- 路由傳值
- 父子路由
- 路由事件
- 頂級路由和特征路由
- 多重路由
- 路由守衛
- 路由守衛-簡單理解
- 路由惰性加載
- 路由預加載
- 路由動畫
- 網絡請求
- GET請求
- POST請求
- JSOP請求
- 封裝的http請求
- http攔截器
- 表單
- 響應式表單
- 驅動式表單
- CLI命令
- 啟動應用
- 創建項目
- 創建組件
- 創建服務
- 創建路由守衛
- 創建特征模塊
- 創建自定義指令
- 創建自定義管道
- 相關概念
- 急性加載
- 惰性加載
- 特征模塊
- 常見問題
- 全局的Angular CLI大于本地的Angular CLI
- 包體優化