JSFiddle - React, Tailwind, and code Playground

by dshilkret

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<html>  
   <head>  
      <title>Angular JS Implemented in SharePoint </title>  
   </head>  
     
   <body>  
      <h2>AngularJS_SharePoint Application</h2>  
        
      <div ng-app = "mainApp" ng-controller = "shapeController">  
        <div ng-repeat="item in items">      
            <p>{{item.Title}}</p>      
        </div>      
           
         
      </div>  
          
    <!--  <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>  -->
        
      <script>  
         var mainApp = angular.module("mainApp", []);  
           
         mainApp.controller("shapeController", function($scope) {  
             GetListItems($scope, "newlist");  //Call your SharePoint Function  
         });           
        function GetListItems($scope, listName){      
                        $.ajax({      
                            url: "https://sbrokers.sharepoint.com/_api/web/getfolderbyserverrelativeurl('/LIST1')/files" ,      
                            method: "POST",      
                            async: false,      
                            headers: { "Accept": "application/json;odata=verbose" },
                            data: {
        "grant_type": "client_credentials",
        "client_id": "12e52415-01fe-48b1-9578-1d72b0194f17@2d94daf0-3519-4a12-bacf-9e5a9bf37417",
        "client_secret": "qkiOE773*!qnqrODCRE60(^",
        "resource": "00000003-0000-0ff1-ce00-000000000000/sbrokers.sharepoint.com@2d94daf0-3519-4a12-bacf-9e5a9bf37417"
    },
                            success: function(data){      
                                $scope.items = data.d.results;
                                alert(data);
                            },      
                            error: function(sender,args){      
                                console.log(a"fail");      
                            }      
            ...