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

Pre-Requisites

• 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

Steps

• 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.