Angular 4 - quick view
-
Upload
michael-haberman -
Category
Technology
-
view
55 -
download
0
Transcript of Angular 4 - quick view
![Page 1: Angular 4 - quick view](https://reader036.fdocuments.in/reader036/viewer/2022082907/58ec91861a28ab71708b457b/html5/thumbnails/1.jpg)
Angular 4MICHAEL HABERMANFREELANCER
![Page 2: Angular 4 - quick view](https://reader036.fdocuments.in/reader036/viewer/2022082907/58ec91861a28ab71708b457b/html5/thumbnails/2.jpg)
What makes Shai angry?
![Page 3: Angular 4 - quick view](https://reader036.fdocuments.in/reader036/viewer/2022082907/58ec91861a28ab71708b457b/html5/thumbnails/3.jpg)
Great, he is happy
![Page 4: Angular 4 - quick view](https://reader036.fdocuments.in/reader036/viewer/2022082907/58ec91861a28ab71708b457b/html5/thumbnails/4.jpg)
So, angular 4 you say…
![Page 5: Angular 4 - quick view](https://reader036.fdocuments.in/reader036/viewer/2022082907/58ec91861a28ab71708b457b/html5/thumbnails/5.jpg)
Angular versioning
Semantic versioning
X . Y . Z
BUG FIXNEW FEATURE
BREAKING CHANGE
![Page 6: Angular 4 - quick view](https://reader036.fdocuments.in/reader036/viewer/2022082907/58ec91861a28ab71708b457b/html5/thumbnails/6.jpg)
So where is angular 3…?
@angular/router changed to version 3 All the rest remain with 2 Angular decided to skip version 3, straight to 4
![Page 7: Angular 4 - quick view](https://reader036.fdocuments.in/reader036/viewer/2022082907/58ec91861a28ab71708b457b/html5/thumbnails/7.jpg)
What are the breaking changes Core: Because all lifecycle hooks are now interfaces the code
that uses 'extends' keyword will no longer compile:
Before:@Component() class SomeComponent extends OnInit {}
After:@Component() class SomeComponent implements OnInit {}
![Page 8: Angular 4 - quick view](https://reader036.fdocuments.in/reader036/viewer/2022082907/58ec91861a28ab71708b457b/html5/thumbnails/8.jpg)
What are the breaking changes There is a long list of breaking changes: https://
github.com/angular/angular/blob/master/CHANGELOG.md#breaking-changes
Will support typescript 2.1 with out backward compatibility
![Page 9: Angular 4 - quick view](https://reader036.fdocuments.in/reader036/viewer/2022082907/58ec91861a28ab71708b457b/html5/thumbnails/9.jpg)
Cool new feature<ng-template #notPaid>
<b>Payment UI</b></ng-template>
<div *ngIf=“didUserPaid; else notPaid”> <b>Welcome</b></div>
![Page 10: Angular 4 - quick view](https://reader036.fdocuments.in/reader036/viewer/2022082907/58ec91861a28ab71708b457b/html5/thumbnails/10.jpg)
Thank you!
[email protected] @hab_mic
https://github.com/angular/angular/blob/master/CHANGELOG.md#breaking-changes
https://github.com/angular/angular/blob/master/CHANGELOG.md#features