Use Content Editor Web Part And AngularJS Link In SharePoint Online

In this article, we are going to display content on the site page, using Content Editor Web and AngularJS link in Online SharePoint Office 365 site.

Create a new site page in your SharePoint team site. Add Content Editor Web part into the page.



To add AngularJS link code, look at the left navigation bar, click Site contents tab.



Now, on Site contents page, click Site Assets app.



Here, we are going to upload AngularJS source file first. Let’s create new Notepad file on the desktop to add AngularJS links and source code respectively. Save it to .html extension. Now, upload this file into Site assets folder.

Image shows the required things like Choose a file, drag and drop file to upload it.Select the destination folder as site assets and enter version comments and say OK.



The file uploaded successfully.



Select the file to copy file path. Now, copy the file path.



Let’s go back to the earlier created site page to link the copied path in Content Editor Web part. Open page in Edit mode to edit Web part.



Insert copied file path link into content link box. Apply the changes and click OK.



Lastly, don’t forgot to save edit page to save the changes.

On the page, display the created contents, using AngularJS links in Content Editor Web parts.



Here is the result of test Application, using AngularJS links and Web part in SharePoint Online.



Happy reading. Any feedback or suggestion is always welcome.Thank you.