'Working with Angular' - preview from the 'Mastering the SPFx' course

This video is the first lesson in chapter 25 "Working with Angular in SharePoint Framework solutions" in the Ultimate from my course, Mastering the SharePoint Framework. In this video, you'll learn what the other lessons in this chapter cover.

When building SharePoint Framework solutions, regardless if they are client-side web parts or UI extensions, there is a visual component to these controls. While you could implement these interfaces by hand yourself, why not take advantage of a modern web framework? Frameworks make data binding, event handling, and state management so much easier! Developers can use any web framework when building SharePoint Framework components. The selection of a web framework is based on various elements, one of which is an existing experience. In this chapter, you will learn how you can leverage Angular, specifically Angular Elements (introduced in Angular 6) in SPFx solutions.

📚 My SharePoint Framework on-demand course
----------------------------------------

🎧 Lessons in chapter
-------------------------------------------
📘 Chapter Overview
📘 Elephant in the room: Angular or React?
📘 History of Angular and AngularJS v1.7+
📘 Introducing Angular: Primer
📘 DEMO: Creating the Apollo Mission Viewer with Angular
📘 Angular & the SharePoint Framework
📘 Web Components, Custom Elements & Angular Elements
📘 DEMO: Converting Angular application to Angular Elements
📘 Leveraging Angular Elements in SPFx Solutions
📘 DEMO: Hosting an Angular Elements Application in a SPFx Solution
📘 Chapter Conclusion

🔖 My free SPFx email courses
-------------------------------------------
✉️  Explore & evaluate the SharePoint Framework
✉️  Understand the SharePoint Framework toolchain

🔗 Links
-------------------------------------------

[vermasau]

Andrew just tried using angular elements and used that in spfx webpart using 2 projects approach. It works fine but with routing mentioned in angular project what happens is when i am clicking on any links shown via angular component the route navigation doesn't work the first time and in console gives error uncaught in promise:[object window]. I think its not from component code as same component gets rendered on second time click on the same link(route works).Something to do with some internal js files like zone.js may be
Any help will be appreciated.