Sharing Top Content from the Angular-sphere.

Use SPFx with Angular and Angular CLI – Winsmarts

  • Use SPFx with Angular and Angular CLIYes, you can use SPFx with Angular and Angular CLI — without waiting for Angular Elements.
  • Yes you read that right, you can write a fully supportable Angular webpart in SPFx with AOT and every other Angular advantage, without using Angular Elements.
  • So in essence my take away is, – TL;DR;There is a LOT of value in Angular with Angular CLIThere is a LOT of value in Angular itselfUsing Angular CLI with SPFx makes a lot of senseI don’t work for Microsoft, or Google for that matter.
  • I’m a dev who needs problems solved so I can solve problems for others :-)In that vein, here is an Angular CLI starter template that works with SPFx.
  • Here is the project running in the local workbench, – And here is the deployed version running in SharePoint online, – And it gives you all the gulp commands you expect from an SPFx project, and all the “ng” commands you expect from an Angular CLI project.

Yes, you can use SPFx with Angular and Angular CLI — without waiting for Angular Elements. Although when Angular elements comes around, this should easily work with that too. I had earlier blogged…

Use SPFx with Angular and Angular CLIYes, you can use SPFx with Angular and Angular CLI — without waiting for Angular Elements. Although when Angular elements comes around, this should easily work with that too.

Like many of you, I have been anxiously waiting for an official Angular + SPFx story.

(Skip reading and see this as a video?)

What about Angular ElementsI had earlier blogged about an exciting new project coming up in Angular 6 called “Angular Elements”. I love Angular Elements, and I think it will add loads of value. Not just to SPFx but in general.

However, it is not required for SPFx. Yes you read that right, you can write a fully supportable Angular webpart in SPFx with AOT and every other Angular advantage, without using Angular Elements.

Angular elements will simply make it a lot easier to redistribute the code if you are a third party vendor, and Angular elements will offer a way to surface existing Angular apps, so existing apps should easily upgrade to Angular Elements.

SPFx Yeoman generatorI had also earlier blogged about some thoughts on the current state of Angular and SPFx. My main take away there for SPFx was, I am not a fan of the yeoman template based approach for many reasons.

It is designed for a quick “hello world”, real world projects will most likely use the yeoman template once in their lifetime — when you create the project and…

Use SPFx with Angular and Angular CLI – Winsmarts