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

Comparto hoy un artículo muy interesante sobre como combinar AngularJS y SharePoint OnLine. Algo que me resulta muy interesante y sobre lo que indagaré a partir de este post tan útil que he encontrado. En él podemos ver, como cargar los elementos de una lista usando AngularJS. Espero que os resulte útil



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

Ver la entrada original 8 palabras más



Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de

Estás comentando usando tu cuenta de Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s