SharePoint Framework for Developers: 5 SPFx and Angular

Discover how to effectively use Angular with the SharePoint Framework (SPFx) by leveraging Angular elements.

Introduction

• How to use Angular with the SharePoint Framework (SPFx)
• What you should know

1. Background of SPFx and Angular

• An introduction to SPFx
• Background of Angular
• Angular CLI
• Demo: Angular CLI
• A quick walkthrough of an Angular project
• An architecture mismatch

2. Architectural Approaches

• Architectural approaches
• A single project without Angular CLI
• A single project with Angular CLI
• Two projects: SPFx and Angular CLI

3. Angular Elements

• An introduction to Angular elements
• Create an Angular CLI project
• Run the Angular CLI project
• Convert an Angular component to an Angular element
• Create a test harness
• Build and run Angular elements

4. SPFx Angular Project

• Create a new SPFx project
• Create a workspace
• Code changes: Use Angular elements in SPFx
• Demo: Use Angular elements in SPFx

Conclusion

• Next steps