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.

SharePoint

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

SharePoint

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

SharePoint

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.

SharePoint

The file uploaded successfully.

SharePoint

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

SharePoint

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.

SharePoint

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

SharePoint

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.

SharePoint

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

SharePoint

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

X

Build smarter apps with Machine Learning, Bots, Cognitive Services - Start free.

Start Learning Now