JSFiddle - React, Tailwind, and code Playground

by kenyboy9

HTML

<div ng-app='myApp' ng-controller="myVm">
    <button ng-click="makeRequest()">Make Request</button>
<p>REQUEST HEADERS={{headers}}</p>
<p>DATA={{data}}</p>
{{error}}
</div>

JavaScript

angular.module("myApp",[]);

angular.module("myApp").controller("myVm", function($scope, $http){
    var vm = $scope;
    vm.makeRequest = function() {
        var xheaders = {};
        xheaders["App-Id"] = '5885ed48f2997bc93e9a8e3f';
        xheaders["App-Key"] = 'dc1dda4a9f82861c38fd9bdc';
        var xurl = 'https://api-playpen.designmynight.com/v4';
        var configObj = { method: 'GET',
                          url: xurl, 
                          headers: xheaders
                        };
        $http(configObj)
            .then(function onFulfilled(response) {
                console.log(response);
                vm.headers = response.config.headers;
                vm.data = response.data
            }).catch( function onRejection(errorResponse) {
                console.log("Error: ", errorResponse.status);
                console.log(errorResponse);
                vm.error = errorResponse;
            })
        ;
    }
});