Showing posts with label Site Templates. Show all posts
Showing posts with label Site Templates. Show all posts

Saturday, October 24, 2015

List of All Site Templates with REST API and AngularJS



Here is the code which can show you how to display all site templates / custom templates with use of REST API & AngularJS in SharePoint :


<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script> 
     
<script> 
        var myAngApp = angular.module('SPAngGetSiteTemplate', []); 
        myAngApp.controller('SPAngGetSiteTemplateController', function ($scope, $http) { 
            $http({ 
                method: 'GET', 
                url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/getavailablewebtemplates(1033)?$orderby=Title", 
                headers: { "Accept": "application/json;odata=verbose" } 
            }).success(function (data, status, headers, config) { 
                $scope.customers = data.d.results; 
            }).error(function (data, status, headers, config) { 
           
            }); 
        }); 
</script> 


<div ng-app="SPAngGetSiteTemplate"> 
    <div ng-controller="SPAngGetSiteTemplateController" > 
        <table style="width: 100%;"> 
            <tr> 
                <th style="width: 30%;">Title</th> 
                <th style="width: 65%;">Name</th> 
            </tr> 
            <tr ng-repeat="customer in customers"> 
                <td style="">{{customer.Title}}</td> 
                <td>{{customer.Name}}</td> 
                </tr> 
        </table> 
    </div> 
</div>
  



Enjoy SharePoint Coding!!!
Gaurav Goyal

JavaScript Related Questions & Answers

1.What is JavaScript? JavaScript is a client-side as well as server side scripting language that can be inserted into HTML pages an...