This article shows how to use AngularJS in SharePoint-hosted apps illustrated with a simple example to read data from host web.
Prerequisite The Napa Development tool app is already installed on SharePoint site. Hands-on with SharePoint hosted app.
1. Open Office 365 SharePoint site. Go to site contents section. Click on “Napa” Office 365 Development Tools as shown below.
2. Add a new project using Add New Project button.
3. Below screen will be displayed with options of what type of app you want to build. Choose SharePoint Add-in option and enter a project name in the text box provided. Click on Create.
4. Below screen with the explorer window will be opened. By default you will see the default.aspx page will open up. We will be adding a reference to Angular.js file, html code to default.aspx file for displaying the data from host web (which is the SharePoint site where SharePoint add-in is added). Set permissions to the app and then code to app.js file for adding csom and code to bind data.
Hope you enjoyed reading this article.
SharePoint 2013 .Net Client Side Object Model Cookbook