JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.11/angular-resource.js"></script>
<div ng-app='app'>
<div ng-controller="MainCtrl">
    <table>
        <thead>
            <tr>
                <th> Display Name </th>
                <th> Real name </th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="cust in customers">
                <td> {{ cust.display_name }} </td>
                <td> {{ cust.real_name }} </td>
            </tr>
        </tbody>
    </table>
</div>
</div>

JavaScript

angular.module('app', ['ngResource', function() {
  
}]).controller('MainCtrl', function($scope, $resource, $http) {
    var Customers = $resource('http://localhost:3000/api/v1/customers/:id', { }, {
        query: { mehtod: 'GET', params: { }, isArray: true }
    });
    $http.defaults.headers.common['X-User-Token'] = "";
    $http.defaults.headers.common['Accept'] = "application/json";
    $http.defaults.headers.common['Content-Type'] = "application/json";
    
    Customers.query().$promise.then(function(response) {
        $scope.customers = response;
    }, function(error) {
        console.log(error);
    });
});