Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Upgrading to Angular 2 using ngUpgrade

Upgrading to Angular 2 using ngUpgrade

Matt Steele

April 26, 2016
Tweet

More Decks by Matt Steele

Other Decks in Programming

Transcript

  1. Stuff You Can Do Now • Code in TypeScript/ES6 •

    Use a module loader • Convert factories/services/providers to Services (ES6 Classes)
  2. Stuff You Can Do Now • Code in TypeScript/ES6 •

    Use a module loader • Convert factories/services/providers to Services (ES6 Classes) • Convert Directives to Components
  3. Testing • Testing w/o Angular? Easy • Good recipes for

    ng2 tests
 https://medium.com/google-developer-experts/angular-2-unit- testing-with-jasmine-defe20421584#.pevppwgy2
 https://speakerdeck.com/cironunes/unit-testing-in-angular-2
  4. Template Syntax square-cell superbowl-squares square-cell square-cell <td ng-repeat="column in columns

    track by $index"> <square-cell score-data="$ctrl.data" stats="$ctrl.stats" home="$ctrl.rows[row]" away="$ctrl.columns[column]" always-visible="$ctrl.allNumbers"> </square-cell> </td>
  5. Template Syntax square-cell superbowl-squares square-cell square-cell <td ng-repeat="column in columns

    track by $index"> <square-cell [score-data]="$ctrl.data" [stats]="$ctrl.stats" [home]="$ctrl.rows[row]" [away]="$ctrl.columns[column]" [always-visible]="$ctrl.allNumbers"> </square-cell> </td>
  6. Template Syntax square-cell superbowl-squares square-cell square-cell <td ng-repeat="column in columns

    track by $index"> <square-cell [scoreData]="data" [stats]="stats" [home]="rows[row]" [away]="columns[column]" [alwaysVisible]="allNumbers"> </square-cell> </td>