2 比 Angular 1 更好 • 速度更快 – 偵測變更：比 ng1 快 10 倍 – 渲染速度：比 ng1 快 5 倍 (Render & Re-render) • 範本編譯：支援 Template 預先編譯機制 – 更小的 Library Size ( 透過 webpack 自動合併 ) – 支援延遲載入機制與伺服器渲染機制 (Node.js & ASP.NET ) • 學習曲線更低 Component 元件 • Services Component 元件 • Pipe Component 元件 模組 • AppModule Angular 2 元件的組成 範本 ( Template ) • HTML 版面配置 • HTML 部分片段 • 資料繫結 (Bindings) • 畫面命令 (Directives) 類別 ( Class ) • 建構式 (Constructor) } 18 Angular 2 結構剖析 19 Angular 2 結構剖析 • Module 應用程式被切分成許多「模組」 • Component 每個模組下有許多「元件」 • Template 每個元件都可能有自己的「樣板」 • Metadata 每個元件都可以標示「中繼資料」 • Data Binding 樣板與元件屬性、方法可以進行綁定 • Directive 將 DOM

interactive region is the bottom half of the splash screen. New File Start a new project based on a template. Recent Files Your most recently opened blend-files. This gives quick and easy access to your Install Application Template Install a new application template. File Menu The options to manage files are: New Ctrl-N Clears the current scene and loads the selected application template. Open Ctrl-O changes made from the current application template. Load Factory (Application Template Name) Settings Loads the default settings to the original application template. See also Managing Preferences. Quit

interactive region is the bottom half of the splash screen. New File Start a new project based on a template. Recent Files Your most recently opened blend-files. This gives quick and easy access to your Install Application Template Install a new application template. File Menu The options to manage files are: New Ctrl-N Clears the current scene and loads the selected application template. Open Ctrl-O the header will change. Run Script (play icon) Executes the text as a Python script Alt-P. See Template Menu. Show Toggle display options. Line Numbers, Word Wrap, Syntax Highlighting Script Node

interactive region is the bottom half of the splash screen. New File Start a new project based on a template. Recent Files Your most recently opened blend-files. This gives quick and easy access to your Install Application Template Install a new application template. File Menu The options to manage files are: New Ctrl-N Clears the current scene and loads the selected application template. Open Ctrl-O the header will change. Run Script (play icon) Executes the text as a Python script Alt-P. See Template Menu. Show Toggle display options. Line Numbers, Word Wrap, Syntax Highlighting Script Node

interactive region is the bottom half of the splash screen. New File Start a new project based on a template. Recent Files Your most recently opened blend-files. This gives quick and easy access to your Install Application Template Install a new application template. File Menu The options to manage files are: New Ctrl-N Clears the current scene and loads the selected application template. Open Ctrl-O changes made from the current application template. Load Factory (Application Template Name) Settings Loads the default settings to the original application template. See also Managing Preferences. Quit

interactive region is the bottom half of the splash screen. New File Start a new project based on a template. Recent Files Your most recently opened blend-files. This gives quick and easy access to your Install Application Template Install a new application template. File Menu The options to manage files are: New Ctrl-N Clears the current scene and loads the selected application template. Open Ctrl-O changes made from the current application template. Load Factory (Application Template Name) Settings Loads the default settings to the original application template. See also Managing Preferences. Quit

interactive region is the bottom half of the splash screen. New File Start a new project based on a template. Recent Files Your most recently opened blend-files. This gives quick and easy access to your Install Application Template Install a new application template. File Menu The options to manage files are: New Ctrl-N Clears the current scene and loads the selected application template. Open Ctrl-O the header will change. Run Script (play icon) Executes the text as a Python script Alt-P. See Template Menu. Show Toggle display options. Line Numbers, Word Wrap, Syntax Highlighting Script Node

interactive region is the bottom half of the splash screen. New File Start a new project based on a template. Recent Files Your most recently opened blend-files. This gives quick and easy access to your Install Application Template Install a new application template. File Menu The options to manage files are: New Ctrl-N Clears the current scene and loads the selected application template. Open Ctrl-O changes made from the current application template. Load Factory (Application Template Name) Settings Loads the default settings to the original application template. See also Managing Preferences. Quit

interactive region is the bottom half of the splash screen. New File Start a new project based on a template. Recent Files Your most recently opened blend-files. This gives quick and easy access to your Install Application Template Install a new application template. File Menu The options to manage files are: New Ctrl-N Clears the current scene and loads the selected application template. Open Ctrl-O the header will change. Run Script (play icon) Executes the text as a Python script Alt-P. See Template Menu. Show Toggle display options. Line Numbers, Word Wrap, Syntax Highlighting Script Node

interactive region is the bottom half of the splash screen. New File Start a new project based on a template. Recent Files Your most recently opened blend-files. This gives quick and easy access to your Install Application Template Install a new application template. File Menu The options to manage files are: New Ctrl-N Clears the current scene and loads the selected application template. Open Ctrl-O the header will change. Run Script (play icon) Executes the text as a Python script Alt-P. See Template Menu. Show Toggle display options. Line Numbers, Word Wrap, Syntax Highlighting Script Node