angular js 2 概論

20
Angular 2 概論 Ann [email protected]

Upload: jou-an-lai

Post on 09-Jan-2017

52 views

Category:

Technology


3 download

TRANSCRIPT

  • Angular 2 Ann

    [email protected]

    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