JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app ng-controller="myCtrl">
{{dirOrFiles}}
                  <table>
                    <tr ng-repeat="x in dirOrFiles">
                        <td>{{x.Name}}</td>
                        <td>{{x.Type}}</td>
                        <td>{{x.Size}}</td>
                    </tr>
                </table>
</div>

JavaScript

function myCtrl($scope){
   $scope.dirOrFiles = [{"Name":"Course01","Link":"https://marsdevsa.file.core.windows.net/project/Course01","Type":"directory","LastModifiedDate":"","Size":"","Path":"project-Course01"},{"Name":"Course02","Link":"https://marsdevsa.file.core.windows.net/project/Course02","Type":"directory","LastModifiedDate":"","Size":"","Path":"project-Course02"},{"Name":"Development Tools.docx","Link":"https://marsdevsa.file.core.windows.net/project/Development Tools.docx","Type":"file","LastModifiedDate":"","Size":"209544","Path":"project"},{"Name":"Step by Step","Link":"https://marsdevsa.file.core.windows.net/project/Step by Step","Type":"directory","LastModifiedDate":"","Size":"209544","Path":"project-Step by Step"}];
}