Native, … 11 Angular 2 的開發語言 TypeScript 2.0 ES 2015 ES5 Angular 2 的開發語言 • ES5 – 傳統 JavaScript 程式語言 ( IE9+ ) • ES 2015 – 此版本為 ES5 的「超集合」 – 具有新穎的 JavaScript 語言特性 ( let, const, for-of, … ) – 可透過 Babel Dart – 非 JavaScript 家族的程式語言 – 具有強型別特性 13 Angular 2 的開發工具 • Visual Studio Code (推薦) • Visual Studio 2015 • Sublime Text • WebStorm • Atom • Plunker 14 Angular 2 頁面的組成 應用程式元件 + 樣板 + 樣式 ( AppComponent HeaderComponent ) 子選單 元件 + 樣板 + 樣式 (AsideComponent) 15 主要內容 元件 + 樣板 + 樣式 (ArticleComponent) Angular 2 應用程式的組成 • App Component 元件 • Child Component 元件 • Services Component 元件 • Pipe Component 元件 模組 • AppModule