Get all sites with REST API and AngularJS


<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('SPAngGetWeb', []); 
        myAngApp.controller('SPAngGetWebController', function ($scope, $http) { 
            $http({ 
                method: 'GET', 
                url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/webs?$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="SPAngGetWeb"> 
    <div ng-controller="SPAngGetWebController" > 
        <table style="width: 100%;"> 
            <tr> 
                <th style="">Id</th> 
                <th style="">Title</th>
                <th style="">Created</th>
                <th style="">ServerRelativeUrl</th> 
                <th style="">Url</th>
                <th style="">WebTemplate</th> 
            </tr> 
            <tr ng-repeat="customer in customers"> 
                <td >{{customer.Id}}</td> 
                <td>{{customer.Title}}</td> 
                <td>{{customer.Created |date:'M/d/yyyy HH:mm'}}</td> 
                <td>{{customer.ServerRelativeUrl}}</td> 
                <td>{{customer.Url}}</td> 
                <td>{{customer.WebTemplate}}</td> 
                 
                </tr> 
        </table> 
    </div> 
</div> 

Comments

Popular Posts

SharePoint Interview Questions and Answers

Download Infopath Form Templates

How to get current logged user information using JavaScript ?

Steps to set Form based authentication (FBA) for SharePoint 2010

SharePoint Interview Questions and Answers II

Get List Items - JavaScript

Change Language for current user with JSOM in SharePoint Online

Cross Site List Rollup Web Part for SharePoint 2010

Hide Recently Modified Items

SharePoint 2010 CSS Chart