Compare Angular 1.x vs Angular 2 - In code level

1. Angular 1.x vs Angular 2.0
By Anuradha Bandara
By Anuradha Bandara

2. Why ?
Google’s Angular lead says they’ll also continue
supporting Angular 1 for at least another
year.”What we’ve said on that is we’re going to
support Angular 1 until the majority of folks come
over to Angular 2” says Green.

3. Why ?
More perks on
Angular 2
Better performance
Mobile first
Short learning curve
ECMA 6 - The future

4. No controllers & $scope

6. No ng-app

7. Angular 1.x have 2 ways for app
bootstrap
● Using ng-app
● Using javascript

8. No 5 ways of create a
service

9. ● Provider
● Factory
● Service
● Constant
● Value

10. DI No same like as
previous

11. DI achieve via
constructor

12. No $routerProvider
&
no when()

13. Route config use
@routeconfig
Ng-view replace by
<router-outlet>

14. No ng- for inbuilt
directives

15. Use camelCase
● Ng-model :
ngModel
● Ng-bind :
ngBind
● Ng-class :
ngClass

16. Direct access for html
attributes

17. Use html attributes directly
● ng-href :
href
● ng-src :
src
● Ng-show / hide :
hidden

18. More changes

19. Use html attributes directly
● ng-click :
(click)
● ng-model :
[(ngModel)]
● ng-href :
[routerLink]

20. Thank you