In this video we start laying the ground work for angularJS by setting up the modules, components, and services. We create our template dir, and start moving some of that custom html into angularJS templates and referencing the associated components inside of the master.
This process is so easy, that I am still surprised everytime I use it.
Wednesday, February 21, 2018
S1E04: Quickly Build AngularJS Components and Services in SP2013 - Custo...
In this video we continue to lay the foundation for rapid development in SP2013 using angularJS components and services. As you will notice, angularJS services are essential for getting the current site collection and current web URLs. This is a nice clean pattern, that separates the UI from the JavaScript code, which makes it easier to maintain the solution, and expand the solution in the future.
This process is so easy, that I am still surprised every time I use it.
This process is so easy, that I am still surprised every time I use it.
Monday, February 19, 2018
S1E05: SP2013 RestAPI Calls with AngularJS (revised) - Custom Solutions ...
In this video we finally get to the stage of making restAPI calls with angularJS. We first enhance our reusable services by wiring up the http headers and setting up a common method to handle the JSON. We will then use that JSON to render the HTML in a angularJS template.
Again a nice repeatable pattern, that can be used to get list data and documents from a SharePoint document library
#spEasyDev #sp2013 #sp2016 #ngsharepoint #custommasterpage #sharepoint2013 #sharepoint2016 #sharepoint #sharepointandangularjs
Again a nice repeatable pattern, that can be used to get list data and documents from a SharePoint document library
#spEasyDev #sp2013 #sp2016 #ngsharepoint #custommasterpage #sharepoint2013 #sharepoint2016 #sharepoint #sharepointandangularjs
S1E06: SP2013 Nest RestAPI Calls in AngularJS for Publishing Images - SP...
Season 1 Episode 6:
How to make nested restAPI calls in AngularJS to get SP2013 publishing image site columns data for a list item. It is a pain in the butt when dealing with Publishing Images, Managed Metadata, and look-up columns in SP2013 restAPI, but this reusable pattern outlined in the video, eases the pain.
Once set-up correctly, this pattern can be reused for publishing images, and can serve as a foundation for other nest restAPI call scenarios.
We also discuss how to leverage Image Rendentions in SharePoint 2013 to have better control over the images uploaded into SharePoint for the blog posts.
Here is the sample code used in this video (especially that nasty regex snippet used to extract the src URL from the image tag)
https://s3.amazonaws.com/snicdn/job-portal/JobPortal-Sample2016-02-17.zip
#spEasyDev #sp2013 #sp2016 #ngsharepoint #custommasterpage #sharepoint2013 #sharepoint2016 #sharepoint #sharepointandangularjs
How to make nested restAPI calls in AngularJS to get SP2013 publishing image site columns data for a list item. It is a pain in the butt when dealing with Publishing Images, Managed Metadata, and look-up columns in SP2013 restAPI, but this reusable pattern outlined in the video, eases the pain.
Once set-up correctly, this pattern can be reused for publishing images, and can serve as a foundation for other nest restAPI call scenarios.
We also discuss how to leverage Image Rendentions in SharePoint 2013 to have better control over the images uploaded into SharePoint for the blog posts.
Here is the sample code used in this video (especially that nasty regex snippet used to extract the src URL from the image tag)
https://s3.amazonaws.com/snicdn/job-portal/JobPortal-Sample2016-02-17.zip
#spEasyDev #sp2013 #sp2016 #ngsharepoint #custommasterpage #sharepoint2013 #sharepoint2016 #sharepoint #sharepointandangularjs
Subscribe to:
Posts (Atom)