Angular 2 - A First Look

Michael Bromley

Why Angular 2?

• Angular 1.x is > 5 years old
• has problems with web components
• has complex APIs
• can have performance issues
• can be hard to reason about

Goodbye

• $scope
• $apply(), digest loop
• Controllers
• Directive Definition Object
• transclusion
• angular.module system
• jqLite (angular.element)
• 2-way data binding
• service vs. factory vs. provider vs. ...

Hello

• classes (think controllerAs)
• zone.js
• classes
• classes + annotations
• shadow DOM
• ES6 modules
• plain DOM methods
• explicit data flow
• di.js

Let's Try It Out!

(live coding demo)

Code can be found here:

https://gist.github.com/michaelbromley/48947220f7a115a0486f

Resources

• angular.io
• Typescript definition for alpha 26
• Angular weekly team meeting notes
• Thoughtram.io articles on Angular

Thank You

www.michaelbromley.co.uk

@michlbrmly