
- Angular 教程
- Angular - 首頁
- Angular - 概述
- Angular - 特性
- Angular - 優點與缺點
- Angular 基礎
- Angular - 環境搭建
- Angular - 第一個應用
- Angular - MVC 架構
- Angular 元件
- Angular - 元件
- Angular - 元件生命週期
- Angular - 檢視封裝
- Angular - 元件互動
- Angular - 元件樣式
- Angular - 巢狀元件
- Angular - 內容投影
- Angular - 動態元件
- Angular - 元素
- Angular 模板
- Angular - 模板
- Angular - 文字插值
- Angular - 模板語句
- Angular - 模板中的變數
- Angular - SVG 作為模板
- Angular 資料繫結
- Angular - 資料繫結及型別
- Angular - 資料繫結
- Angular - 事件繫結
- Angular - 屬性繫結
- Angular - 屬性繫結
- Angular - 類和樣式繫結
- Angular 指令
- Angular - 指令
- Angular - 內建指令
- Angular 管道
- Angular - 管道
- Angular - 使用管道轉換資料
- Angular 依賴注入
- Angular - 依賴注入
- Angular HTTP 客戶端程式設計
- Angular - 服務
- Angular - HTTP 客戶端
- Angular - 請求
- Angular - 響應
- Angular - GET 請求
- Angular - PUT 請求
- Angular - DELETE 請求
- Angular - JSON-P
- Angular - 使用 HTTP 進行 CRUD 操作
- Angular 路由
- Angular - 路由
- Angular - 導航
- Angular - Angular Material
- Angular 動畫
- Angular - 動畫
- Angular 表單
- Angular - 表單
- Angular - 表單驗證
- Angular Service Workers & PWA
- Angular - Service Workers & PWA
- Angular 測試
- Angular - 測試概述
- Angular NgModule
- Angular - 模組介紹
- Angular 高階
- Angular - 認證與授權
- Angular - 國際化
- Angular - 可訪問性
- Angular - Web Workers
- Angular - 伺服器端渲染
- Angular - Ivy 編譯器
- Angular - 使用 Bazel 構建
- Angular - 向後相容性
- Angular - 響應式程式設計
- Angular - 指令和元件之間的資料共享
- Angular 工具
- Angular - CLI
- Angular 其他
- Angular - 第三方控制元件
- Angular - 配置
- Angular - 資料顯示
- Angular - 裝飾器和元資料
- Angular - 基本示例
- Angular - 錯誤處理
- Angular - 測試和專案構建
- Angular - 生命週期鉤子
- Angular - 使用者輸入
- Angular - 最新動態?
- Angular 有用資源
- Angular - 快速指南
- Angular - 有用資源
- Angular - 討論
Angular - 概述
Angular 是一個基於 TypeScript 的全棧 Web 框架,用於構建 Web 和移動應用程式。其主要優勢之一是 Angular 8 支援能夠適應任何螢幕解析度的 Web 應用程式。Angular 應用程式完全相容移動裝置、平板電腦、筆記型電腦或桌上型電腦。Angular 8 擁有一個優秀的 Web 開發人員使用者介面庫,其中包含可重用的 UI 元件。
此功能幫助我們建立單頁面應用程式 (SPA)。SPA 是響應迅速且快速的應用程式。例如,如果您在單頁面中有一個按鈕,並且單擊該按鈕,則操作會在當前頁面中動態執行,而無需從伺服器載入新頁面。Angular 基於 TypeScript 的面向物件程式設計,並支援伺服器端程式設計功能。
Angular 各版本的比較
眾所周知,Google 釋出了 **Angular** 的各個版本,以改進移動和 Web 開發能力。所有已釋出的版本都向後相容,並且可以輕鬆更新到較新版本。讓我們來看看已釋出版本的比較。
AngularJS
AngularJS 是一個非常強大的 JavaScript 框架。它於 2010 年 10 月釋出。AngularJS 基於模型檢視控制器 (MVC) 架構,並自動處理適合每個瀏覽器的 JavaScript 程式碼。
Angular 2.0
Angular 2.0 於 2016 年 9 月釋出。它是 AngularJS 的重新設計和重寫版本。AngularJS 側重於控制器,但版本 2 將重點放在元件上。元件是應用程式的主要構建塊。它支援提高渲染速度、更新頁面和為 Google Android 和 iOS 構建跨平臺原生移動應用程式的功能。
Angular 4.0
Angular 4.0 於 2017 年 3 月釋出。它更新到 TypeScript 2.2,支援 ng if-else 條件,而 Angular 2 只支援 if 條件。Angular 4.0 引入了動畫包、Http 搜尋引數,最終 Angular 4 應用程式更小更快。
Angular 5.0
Angular 5.0 於 2017 年 11 月釋出。它支援一些重要特性,例如 HTTPClient API、Lambda 支援、改進的編譯器和構建最佳化器。
Angular 6.0
Angular 6.0 於 2018 年 5 月釋出。此版本新增的功能包括更新的 Angular CLI、更新的 CDK、更新的 Angular Material、多個驗證器和 Reactive JS 庫的使用。
Angular 7.0
Angular 7.0 於 2018 年 10 月釋出。一些重要特性包括 Google 支援的社群、基於 POJO 的開發、模組化結構、宣告式使用者介面和模組化結構。
Angular 8 新特性
Angular 8 具有以下新的吸引人的特性:
**Bazel 支援:**如果您的應用程式使用多個模組和庫,Bazel 並行構建有助於加快應用程式載入速度。
**延遲載入:**Angular 8 將 **AppRoutingModule** 分割成更小的包並在 DOM 中載入資料。
**差異載入:**建立應用程式時,Angular CLI 會生成模組,這些模組將自動載入,然後瀏覽器將呈現資料。
**Web Worker:**它在後臺執行,不會影響頁面的效能。
**CLI 工作流程改進:**Angular 8 CLI 命令 ng-build、ng-test 和 ng-run 擴充套件到第三方庫。
**路由器向後相容性:**Angular 路由器向後相容性功能有助於為大型專案建立路徑,以便使用者可以輕鬆地藉助懶載入新增其程式碼。
**選擇加入使用情況共享:**使用者可以選擇加入共享 Angular CLI 使用資料。
應用案例
以下是使用 Angular 框架的一些流行網站:
**Weather.com:**這是一個領先的天氣預報網站。
**YouTube:**這是一個由 **Google** 託管的影片分享網站。
**Netflix:**這是一家科技和媒體服務提供商。
**PayPal:**這是一個線上支付系統。