how to upgrade angular 1 to angular 2 - piece by piece
TRANSCRIPT
![Page 1: How to Upgrade Angular 1 to Angular 2 - Piece by Piece](https://reader030.vdocuments.site/reader030/viewer/2022013113/58ee1ed01a28ab13578b4619/html5/thumbnails/1.jpg)
HOW TO UPGRADE ANGULAR 1 TO ANGULAR 2 PIECE BY PIECE
Eddy Aristilde | SharePoint guy
SoHo Dragon | www.sohodragon.nyc | [email protected]
![Page 2: How to Upgrade Angular 1 to Angular 2 - Piece by Piece](https://reader030.vdocuments.site/reader030/viewer/2022013113/58ee1ed01a28ab13578b4619/html5/thumbnails/2.jpg)
AGENDA Introductions The basics Why upgrade Angular 1 upgrade best practice Demo Pitfalls Questions
![Page 3: How to Upgrade Angular 1 to Angular 2 - Piece by Piece](https://reader030.vdocuments.site/reader030/viewer/2022013113/58ee1ed01a28ab13578b4619/html5/thumbnails/3.jpg)
REMINDER- THIS SLIDEDECK IS ON
@Sohodragon
![Page 4: How to Upgrade Angular 1 to Angular 2 - Piece by Piece](https://reader030.vdocuments.site/reader030/viewer/2022013113/58ee1ed01a28ab13578b4619/html5/thumbnails/4.jpg)
WHO AM I - @ EDDY ARISTILDE
{ background : “Brooklyn, NYC", employee : “SoHo Dragon", skill : “Angular, SharePoint", hobbies : “Marathon running",}
![Page 5: How to Upgrade Angular 1 to Angular 2 - Piece by Piece](https://reader030.vdocuments.site/reader030/viewer/2022013113/58ee1ed01a28ab13578b4619/html5/thumbnails/5.jpg)
WHAT ABOUT YOU?Who’s used Angular 1?Has an idea Angular 2?Who’s a rock star at it?
![Page 6: How to Upgrade Angular 1 to Angular 2 - Piece by Piece](https://reader030.vdocuments.site/reader030/viewer/2022013113/58ee1ed01a28ab13578b4619/html5/thumbnails/6.jpg)
DISCLAIMER This is a deep dive presentation I’m not discussing Angular 1 at length Not a deep dive on Angular 2 either
I’m covering ‘How to upgrade Angular 1 to Angular 2 incrementally’
![Page 7: How to Upgrade Angular 1 to Angular 2 - Piece by Piece](https://reader030.vdocuments.site/reader030/viewer/2022013113/58ee1ed01a28ab13578b4619/html5/thumbnails/7.jpg)
TERMS Angular 1
Controllers Directives Scopes Services Dependency Injection
Angular 2 Components Services
![Page 8: How to Upgrade Angular 1 to Angular 2 - Piece by Piece](https://reader030.vdocuments.site/reader030/viewer/2022013113/58ee1ed01a28ab13578b4619/html5/thumbnails/8.jpg)
NG2 FEATURES FOR INTEROPERABILITY Dependency injection Component nesting Transclusion Change detection
![Page 9: How to Upgrade Angular 1 to Angular 2 - Piece by Piece](https://reader030.vdocuments.site/reader030/viewer/2022013113/58ee1ed01a28ab13578b4619/html5/thumbnails/9.jpg)
DEMO VIEW DEMO
![Page 10: How to Upgrade Angular 1 to Angular 2 - Piece by Piece](https://reader030.vdocuments.site/reader030/viewer/2022013113/58ee1ed01a28ab13578b4619/html5/thumbnails/10.jpg)
THANK YOU
SoHo Dragon | www.sohodragon.nyc
![Page 11: How to Upgrade Angular 1 to Angular 2 - Piece by Piece](https://reader030.vdocuments.site/reader030/viewer/2022013113/58ee1ed01a28ab13578b4619/html5/thumbnails/11.jpg)
CONCLUSION
![Page 12: How to Upgrade Angular 1 to Angular 2 - Piece by Piece](https://reader030.vdocuments.site/reader030/viewer/2022013113/58ee1ed01a28ab13578b4619/html5/thumbnails/12.jpg)
QUESTIONS
![Page 13: How to Upgrade Angular 1 to Angular 2 - Piece by Piece](https://reader030.vdocuments.site/reader030/viewer/2022013113/58ee1ed01a28ab13578b4619/html5/thumbnails/13.jpg)
REFERENCES
• Angular 2• https://vsavkin.com/• Upgrade
• https://angular.io/docs/ts/latest/guide/upgrade.html
![Page 14: How to Upgrade Angular 1 to Angular 2 - Piece by Piece](https://reader030.vdocuments.site/reader030/viewer/2022013113/58ee1ed01a28ab13578b4619/html5/thumbnails/14.jpg)
THANK YOUEVENT SPONSORSWe appreciated you supporting the
New York SharePoint Community!
• Diamond, Platinum, Gold, & Silver have tables scattered throughout
• Please visit them and inquire about their products & services
• To be eligible for prizes make sure to get your bingo card stamped by ALL sponsors
• Raffle at the end of the day and you must be present to win!
![Page 15: How to Upgrade Angular 1 to Angular 2 - Piece by Piece](https://reader030.vdocuments.site/reader030/viewer/2022013113/58ee1ed01a28ab13578b4619/html5/thumbnails/15.jpg)
CONFERENCE MATERIALS Slides / Demo will be posted on Lanyrd.com
http://lanyrd.com/2016/spsnyc Photos posted to our Facebook page
https://www.facebook.com/sharepointsaturdaynyc Tweet Us - @SPSNYC or #SPSNYC Sign Up for our NO SPAM mailing list for all
conference news & announcements http://goo.gl/7WzmPW
Problems / Questions / Complaints / Suggestions [email protected]
![Page 16: How to Upgrade Angular 1 to Angular 2 - Piece by Piece](https://reader030.vdocuments.site/reader030/viewer/2022013113/58ee1ed01a28ab13578b4619/html5/thumbnails/16.jpg)
Visit ExtaCloud’s booth for wrist bands!
Scallywag's Irish Pub
508 9th Ave, between 38th & 39th. [6 minutes walk]
Scallywags also serves food.http://www.scallywagsnyc.com/