logo
  • 教程列表
  • SO官方文檔
  • Angular 2 教程
    • 開始使用 Angular 2
      • 使用 angular-cli 安裝 angular2
      • 沒有 angular-cli 的 Angular 2 入門
      • 使用 node.jsexpressjs 後端開始使用 Angular 2（包括 http 示例）
      • 通過那個討厭的公司代理
      • 保持 Visual Studios 與 NPM 和 NODE 更新同步
      • 讓我們開始 Angular 4
    • Angular 2 表單更新
      • Angular 2 模板驅動表單
      • Angular 2 表單 - 自定義 EmailPassword 驗證
      • 具有多重控制驗證的簡單密碼更改表單
      • Angular 2 表格（動態表格），登錄檔格並確認密碼驗證
      • Angular 2 反應形式（又稱模型驅動形式）
      • Angular2 - 表單生成器
    • 管道
      • 定製管道
      • 內建管道
      • 鏈條管
      • 使用 JsonPipe 進行除錯
      • 動態管道
      • 使用非同步管道展開非同步值
      • 有狀態的管道
      • 建立自定義管道
      • 全域性可用的定製管道
      • 擴充套件現有管道
      • 測試管道
    • 使用 ViewContainerRef.createComponent 動態新增元件
      • 一個包裝器元件，以宣告方式新增動態元件
      • 在特定事件上動態新增元件（單擊）
      • 在 Angular2 中的模板 html 上呈現動態建立的元件陣列
    • 模仿 @ngrx 商店
      • 具有模擬儲存的元件的單元測試
      • 模擬 Observer
      • Angular 2 - Mock Observable（服務元件）
      • 元件間諜的單元測試儲存
      • 簡單商店
    • 具有 API 請求的 Angular RXJS 主題和 Observable
      • 等待多個請求
      • 基本要求
      • 封裝 API 請求
    • 路由（3.0.0+）
      • 控制對路徑的訪問
      • 新增保護到路由配置
      • 使用解析器和警衛
      • 在 app bootstrap 中使用 Guard
      • 引導
      • 配置路由器插座
      • 更改路線（使用模板指令）
      • 設定路由
    • Angualr 2 中的 Bootstrap 空模組
      • 一個空模組
      • 應用程式根模組
      • 引導你的模組
      • Web 瀏覽器上具有網路連線的模組
      • 使用工廠類進行靜態引導
    • 測試 Angular 2 應用程式
      • 安裝 Jasmine 測試框架
      • 使用 Gulp Webpack Karma 和 Jasmine 設定測試
      • HTTP 測試服務
      • 測試 Angular 元件 - 基本
    • 檢測調整大小事件
      • 監聽視窗調整大小事件的元件
    • 路由
      • ResolveData
      • 與子元件一起路由
      • 基本路由
      • 子路由
    • Angular2 中的 CRUD 與 Restful API
      • 從 Angular2 中的 Restful API 讀取
    • Angular2 在 Memory Web API 中
      • 設定多個測試 API 路由
      • 基本設定
    • 指令
      • ngFor
      • 屬性指令
      • Component 是帶模板的指令
      • 結構指令
      • 自定義指令
      • 複製到剪貼簿指令
      • 測試自定義指令
    • 指令和元件 @Input @Output
      • Angular2 輸入和輸出巢狀元件
      • 輸入示例
      • Angular2 輸入與非同步資料
    • 如何使用 ngif
      • 使用 ngIf 在 ngFor 迴圈的開始或結束時執行函式
      • 顯示載入訊息
      • 在條件上顯示警報訊息
      • 使用 ngIf withngFor
    • Http Interceptor
      • 用我們的類而不是 Angulars Http
      • 簡單類擴充套件 Angular Http 類
      • 簡單的 HttpClient AuthToken 攔截器（Angular 4.3）
    • 功能模組
      • 功能模組
    • 生命週期鉤子
      • OnChanges
      • OnInit
      • OnDestroy
      • AfterContentInit
      • AfterContentChecked
      • AfterViewInit
      • AfterViewChecked
      • DoCheck
    • 高階元件示例
      • 預覽影象選擇器
      • 通過輸入過濾掉表值
    • Angular - ForLoop
      • NgFor - 迴圈標記
      • ngFor with component
      • Angular 2 for-loop
      • ngFor X 每行的專案數量
      • 表格行中的 ngFor
    • 如何使用 ngfor
      • ng 管道
      • 無序列表示例
      • 更多的文字示例
      • 跟蹤當前互動示例
      • Angular2 別名匯出的值
    • EventEmitter 服務
      • 捕獲事件
      • 例項
      • 類元件
      • 類概述
      • 觸發事件
    • 延遲載入模組
      • 延遲載入示例
    • 使用 Angular 2 進行的 Ahead(AOT) 編譯
      • 為什麼我們需要編譯事件編譯流程和示例
      • 1.使用編譯器安裝 Angular 2 依賴項
      • 2.將 angularCompilerOptions 新增到 tsconfig.json 檔案中
      • 3.執行 ngc angular 編輯器
      • 4.修改 main.ts 檔案以使用 NgFactory 和靜態平臺瀏覽器
      • 使用 Angular CLI 進行 AoT 編譯
    • NGRX
      • 完成示例 Loginlogout 使用者
    • 服務工作者
      • 在 App 中新增服務 Worker
    • 服務和依賴注入
      • 示例服務
      • Promise.resolve 的示例
      • 測試服務
    • Angular 2 資料驅動表單
      • 資料驅動表格
    • 使用 ChangeDetectionStrategy 優化渲染
      • 預設 vs OnPush
    • Angular2 自定義驗證
      • getset formBuilder 控制引數
      • 自定義驗證器示例
      • 在 Formbuilder 中使用驗證器
    • Angular Material 設計
      • Md2Accordion 和 Md2Collapse
      • Md2Select
      • Md2Toast
      • Md2Datepicker
      • Md2Tooltip
    • Angular2 中的 Dropzone
      • 拖放區
    • 使用 angular-cli@1.0.0-beta.10 安裝第三方外掛
      • 在 angular-cli 專案中新增 jquery 庫
      • 新增沒有 typing 的第三方庫
    • 建立一個 Angular 2+ NPM 包
      • 最簡單的包裝
    • Zone.js
      • 參考 NgZone
      • 在顯示資料之前使用 NgZone 執行多個 HTTP 請求
    • Angular2 使用 webpack
      • Angular 2 webpack 設定
    • Angular2 在引導之前向 App 提供外部資料
      • 通過依賴注入
    • 自定義 ngx-bootstrap datepicker +輸入
      • 自定義 ngx-bootstrap datepicker
    • Angular 2 - Protractor
      • Angular2 Protractor - 安裝
      • 使用 Protractor 測試 Navbar 路由
    • 測試 ngModel
      • 基本測試
    • 配置 ASP.net Core 應用程式以使用 Angular 2 和 TypeScript
      • Asp.Net Core Angular2 Gulp
      • 種子 Asp.Net Core Angular2 Gulp 在 Visual Studio 2017 上
      • MVC - Angular 2
    • OrderBy Pipe
      • 管道
    • Angular2 Input() output()
      • input()
      • 輸入屬性的簡單示例
    • Angular CLI
      • 使用 angular-cli 建立空的 Angular2 應用程式
      • 生成元件指令管道和服務
      • 新增第三方庫
      • 用 angular-cli 構建
      • 以 scsssass 作為樣式表的新專案
      • 將 yarn 設定為 angularcli 的預設包管理器
    • 繞過可信賴值的消毒
      • 用管道繞過消毒（用於程式碼重複使用）
    • 使用 Visual Studio Code 除錯 Angular2 TypeScript 應用程式
      • 為你的工作區啟動 Launch.json
    • 元件互動
      • 使用輸入繫結將資料從父級傳遞給子級
      • 父 - 使用輸入輸出屬性的子互動
      • 父 - 使用 ViewChild 進行子互動
      • 通過服務進行雙向父子互動
    • Angular2 資料繫結
      • Input()
    • 在 Angular 2 中使用本機 Web 元件
      • 在模組中包含自定義元素架構
      • 在模板中使用 web 元件
    • Angular2 動畫
      • 基本動畫 - 轉換由模型屬性驅動的兩個狀態之間的元素
    • 在 Angular 2 中使用第三方庫，如 jQuery
      • 使用 angular-cli 進行配置
      • 在 Angular 2.x 元件中使用 jQuery
    • 動畫
      • 空狀態之間的轉換
      • 多個狀態之間的動畫
    • Angular2 CanActivate
      • Angular2 CanActivate
    • 通常內建的指令和服務
      • 位置等級
      • AsyncPipe
      • 顯示專案中使用的當前 angular2 版本
      • 貨幣管道
    • 單元測試
      • 基本單元測試
    • Angular 2 變化檢測和手動觸發
      • 基本的例子
    • 更新打字
      • 在打字時 WARN 棄用時更新打字
    • 強制升級
      • 支援一個新的 Angular CLI 專案
    • 使用 @HostBinding 裝飾器影響主機節點上屬性值的屬性指令
      • HostBinding
    • 頁面標題
      • 更改頁面標題
    • 模板
      • Angular 2 模板
    • Angular 還原
      • 基本
      • 獲取當前狀態
      • 改變狀態
      • 新增 redux chrome 工具
    • 靜態 URL 的路由子路由等路由示例
      • 子路由樹的基本路由示例
    • 模組
      • 一個簡單的模組
      • 巢狀模組
    • 建立 Angular npm 庫
      • 帶服務類的最小模組
    • 元件
      • 一個簡單的元件
      • 模板樣式
      • 測試元件
      • 巢狀元件
    • Barrel
      • 使用 Barrel
    • angular-cli 測試覆蓋率
      • 一個簡單的 angular-cli 命令基礎測試覆蓋
      • 詳細的單個元件庫圖形測試覆蓋率報告
  1. StackOverflow 文件
  2. Angular 2 教程
  3. 開始使用 Angular 2

開始使用 Angular 2

Created: November-22, 2018

本節概述瞭如何安裝和配置 Angular2 +以在各種環境中使用，以及 IDE 使用社群開發的 angular-cli 等工具。

以前版本的 Angular 是 AngularJS 或者也叫 Angular 1.請參見文件 。

  • 使用 angular-cli 安裝 angular2

Copyright © 2018. All right reserved

tastones.com 备案号：鲁ICP备18045372号-1

  • 關於本站
  • 免責聲明