Upload
jou-an-lai
View
51
Download
3
Embed Size (px)
Citation preview
Angular 2 Ann
mailto:[email protected]
Agenda Angular 2
Angular 2
Angular 1 v.s. Angular 2
TypeScript
2
Angular 2
3
Angular 2 TypeScript
ViewComponent
Angular 2.0Native ScriptAngular 2.0nativenative apphybrid
Mobile
4
Angular 1 v.s. Angular 2
5
Angular 2Angular 1
6
Angular 2Angular 1
7
Angular 2Angular 1
8
Angular 2Angular 1
9
banana in a box [()]
(Controller/Components) Angular 1 Directive + ControllerAngular 2 Component
10
11
(Template Directives) Angular 2 ""Structural directives *ngFor*ngIfDom""Attribute directives
ngStyle
https://angular.io/docs/ts/latest/guide/structural-directives.htmlhttps://angular.io/docs/ts/latest/guide/attribute-directives.html
12
(Dependency Injection)Angular 1Controller Angular 2constructor
13
(Modules)Angular 1ModulesControllersServicesDirectives Angular 2ModuleES6ES6Module
ES6=ES 2015
TypeScript
TypeScript
TypeScript
14
TypeScript
15
JavaScript JavaScript
OS
ES6 ES6
TypeScript C# Anders Hejlsberg
https://zh.wikipedia.org/wiki/%E5%AE%89%E5%BE%B7%E6%96%AF%C2%B7%E6%B5%B7%E5%B0%94%E6%96%AF%E4%BC%AF%E6%A0%BC
TypeScript
16
code
public / private / protected let
17
ES User
Class
TypeScript
18
TypeScriptJavaScript
ES5 ECMAScript 5 JavaScript
ES6 TypeScript ES5
TypeScript
The EndThanks
https://angular.io
http://slidedeck.io/wongjohn/angular1-vs-angular2#dataBinding
http://ryanhsutw.blogspot.tw/2016/05/typescript.html
20
https://angular.iohttp://slidedeck.io/wongjohn/angular1-vs-angular2#dataBindinghttp://slidedeck.io/wongjohn/angular1-vs-angular2#dataBindinghttp://ryanhsutw.blogspot.tw/2016/05/typescript.htmlhttp://ryanhsutw.blogspot.tw/2016/05/typescript.html