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

projecttype

  • 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

permission

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

Capture

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

appjs

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

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: