Angular 2 CLI - Todo List in SharePoint Content Editor (part 1 of 2)

I’m very excited to say it’s possible to run Angular2 embedded on SharePoint pages. Angular 2 (“Angular”) brings many improvements over Angular 1 (“AngularJS”) to the language and CLI (Command Line Interface) helps streamline operations so we can develop professional applications with ease including unit testing, bundling, minification, live preview, distribution, and more.
The below demo shows how to create a new local application, test, add features, and then deploy to SharePoint hosted in a Content Editor Web Part.
CLI tools boost developer productivity while holding up quality control.
Check out the video below and please leave a comment if you found it helpful. Cheers!
VIDEO PART 2 AVAILABLE AT • Angular 2 CLI - SPCRUD...

[@vksomething]

Just started exploring Angular2 for my SP apps and ur video is so precise on wat any SP developer needs. a million thanks:-)

[@JoshYates]

Excellent!

[@spjeff]

Glad you found it helpful Josh. Thanks for encouragement. Will post more videos soon.

[@orlandomarino5427]

I build an Angular app and I wanna display some of our sp content on the app, how would I do this?

[@raj2282]

Suuperb !!

[@amrghonem8062]

content editor refresh on each http request to external API. any solution ?

[@WitEducatedInsolence]

Hey Jeff, I am trying to recreate this project. However, I think Angular 5 has dropped, and there are some differences between when you first posted this and now. First, I was not missing the Vendors chunk package. I did find out that you had to set the Vendors chunk to true in the new version of Angular. Second, I am only getting 8 out of the 10 files (one of which is a 3rdpartylicences.txt file). Third, when I copy the index.html file, it has weird characters that I have to take out of it and then it does not even show up in the CEWP. I have gotten it to show up a few times, but it has been inconsistent. Finally, when I try to save it, it loads to a Page Not Found. Any thoughts on how to rectify this?

[@RagavanRajanrahav]

I have tried this with Angular 9 still works fine. Definitely not required vendor chunk file. Let me know if you need any help on this

[@carstenholbing1047]

Can you please upload your code? Nice video, thank you

[@JeffJones1]

Absolutely. Source code is at github.com/spjeff/ng2-todo-cewp Original blog post at www.spjeff.com/2017/05/31/angular-cli-todo-list-in-sharepoint-content-editor/

[@theownmages]

where is part 2?

[@spjeff]

Hi Tommy. Here is part 2 at kzbin.info/www/bejne/d4enlJJnpNJ4ebs