Office 365 – Loading SharePoint List Items using AngualrJS and Napa Code Editor


  • Office 365 Developer Site (Take 1 month free subscription from Microsoft Site / use your own site)
  • Napa tool installed on the Office 365 Developer Site (instructions given in Microsoft site)
  • Create a SharePoint list with name “Customers” and feed-in some records
  • Have angular.js and jquery-1.9.1.min.js files handy to upload


  • Go to Office 365 Developer Site à Click on Settings (Gear Icon) and select Site Contents.
  • Click on “Napa” Office 365 Development Tools
  • Click on Add New Project


  • Select App for SharePoint and provide the name for the Project à Click on Create button
  • Set full permission to site collection by clicking permission tab under settings


    • Upload the angular.js and jquery-1.9.1.js files under Scripts folder
    • Open the Default.aspx and Replace the contents inside the Default.aspx with the following:


    • Replace the contents inside the App.js with the following:


    • Click on Run Project button
    • The app will be packaged, deployed and launched.
    • Click on Trust it.
    • See output.

About Joseph Velliah
As a SharePoint Developer my professional interests tend to be technical and SharePoint focused. I run a blog at "SP RIDER" where you can expect to read HOW TOs and scenarios that I run into during my day to day job. I hope my posts will give back a little to the community that is helped me.

Comments are closed.

%d bloggers like this: