SPFx Extensions Examples with Angular JS (or) Angular 4

%3CLINGO-SUB%20id%3D%22lingo-sub-167112%22%20slang%3D%22en-US%22%3ESPFx%20Extensions%20Examples%20with%20Angular%20JS%20(or)%20Angular%204%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-167112%22%20slang%3D%22en-US%22%3E%3CP%3EHello%20Everyone%2C%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EI%20am%20trying%20to%20create%20a%20SPFx%20extension%20with%20Angular%20JS%20(or)%20Angular%204%20framework%20to%20have%20the%20custom%20Top%20navigation%26nbsp%3Brendered%20in%20SP%20Online%20by%20reading%20the%20navigation%20terms%20from%20Term%20Store.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EI%20am%20not%20able%20to%20find%20any%20related%20examples%20in%20SPFx%20Extensions%20with%20Angular.%20Can%20i%20get%20any%20pointers%20for%20this.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThanks%20for%20the%20support.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThanks%20%26amp%3B%20Regards%2C%3C%2FP%3E%0A%3CP%3EBhanu%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-167112%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3Eextension%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EModern%20UI%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESPFx%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-168148%22%20slang%3D%22en-US%22%3ERe%3A%20SPFx%20Extensions%20Examples%20with%20Angular%20JS%20(or)%20Angular%204%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-168148%22%20slang%3D%22en-US%22%3E%3CP%3EHello%20Kevin%2C%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThanks%20for%20pointing%20me%20to%20this%20blog.%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EActually%2C%20we%20thought%20of%26nbsp%3Bdeveloping%20a%20SPFx%20extension%20for%20custom%20top%26nbsp%3Bnavigation%20using%20Angular%20in%20Modern%20page.%20So%2C%20I%20have%20to%20wait%20for%20Angular%205%20and%20then%20take%20up%20this%20development%20activity.%20Otherwise%2C%20i%20can%20go%20ahead%20with%20React%20JS%20%26amp%3B%20SPFx%20extension.%20Can%20you%20please%20confirm%20if%20i%20am%20right%3F%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThanks%20%26amp%3B%20Regards%2C%3C%2FP%3E%0A%3CP%3EBhanu%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-167478%22%20slang%3D%22en-US%22%3ERe%3A%20SPFx%20Extensions%20Examples%20with%20Angular%20JS%20(or)%20Angular%204%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-167478%22%20slang%3D%22en-US%22%3EHi%20Bhana%2C%3CBR%20%2F%3E%3CBR%20%2F%3EThe%20reason%20there%20aren%E2%80%99t%20many%20examples%20is%20that%20angular%20currently%20has%20issues%20if%20you%20use%20the%20web%20part%20more%20than%20once%20on%20the%20same%20page.%20The%20answer%20will%20soon%20be%20Angular%20Elements%20but%20it%E2%80%99s%20still%20in%20preview.%20Andrew%20Connell%E2%80%99s%20blog%20covers%20it%20nicely%20at%20%3CA%20href%3D%22http%3A%2F%2Fwww.andrewconnell.com%2Fblog%2Fsolve-the-sharepoint-framework-angular-challenge-with-angular-5-0-elements%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttp%3A%2F%2Fwww.andrewconnell.com%2Fblog%2Fsolve-the-sharepoint-framework-angular-challenge-with-angular-5-0-elements%3C%2FA%3E%3C%2FLINGO-BODY%3E
Frequent Contributor

Hello Everyone,

 

I am trying to create a SPFx extension with Angular JS (or) Angular 4 framework to have the custom Top navigation rendered in SP Online by reading the navigation terms from Term Store.

 

I am not able to find any related examples in SPFx Extensions with Angular. Can i get any pointers for this.

 

Thanks for the support.

 

 

Thanks & Regards,

Bhanu

2 Replies
Highlighted
Hi Bhana,

The reason there aren’t many examples is that angular currently has issues if you use the web part more than once on the same page. The answer will soon be Angular Elements but it’s still in preview. Andrew Connell’s blog covers it nicely at http://www.andrewconnell.com/blog/solve-the-sharepoint-framework-angular-challenge-with-angular-5-0-...
Highlighted

Hello Kevin,

 

Thanks for pointing me to this blog. 

 

Actually, we thought of developing a SPFx extension for custom top navigation using Angular in Modern page. So, I have to wait for Angular 5 and then take up this development activity. Otherwise, i can go ahead with React JS & SPFx extension. Can you please confirm if i am right?

 

 

Thanks & Regards,

Bhanu