Here we add “spcrud.ts” library with CRUD methods to save JSON data over REST api into SharePoint Lists. SPCRUD is a Typescript library with methods to easily interact with SharePoint APIs by providing management of Digest Token, HTTP headers, and URL formatting. As developers we interact with simple TypeScript methods that have input validation which in turn execute the correct underlying HTTP call.
Angular 2 (“Angular”) brings many improvements over Angular 1 (“AngularJS”). The CLI tools (Command Line Interface) help streamline operations so we can develop professional applications with ease including unit testing, bundling, minification, live preview, webpack, distribution, and more.
The below demo shows how to create a new application, run tests, add features, and deploy to SharePoint Pages hosted in a Content Editor Web Part. The CLI tools boost developer productivity while holding up quality control.
Check out the live coding video below, hosted on both Vimeo and YouTube.
For Angular2 to load correctly on a SharePoint page we must comment out the line “import ‘core-js/es6/string’;” from “polyfills.ts” to avoid conflict with Microsoft Script Resource AXD code already included.
Uncaught g {__zone_symbol__error: Error: Sys.ParameterCountException: Parameter count mismatch.
Check out the below 10 minute video for how get started using “spcrud.js” to easily connect Angular JS applications to SharePoint List data. I created this library as a wrapper for AngularJS $http GET and POST. We can streamline the repetitive SharePoint plumbing of JSON headers, HTTP VERBs, and URL syntax. Now you can easily call “spcrud.read()” or “spcrud.update()” instead of formatting each HTTP request.
I wanted to share the links below for learning AngularJS. Great way to code less AND get higher quality apps. Dual win for developer productivity. Enjoy!
