JSFiddle - React, Tailwind, and code Playground

by koox00

HTML

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-resource.js"></script>
<div ng-app="app" ng-controller="jsonpExample">
  <button ng-click="doRequest()">Make JSONP request</button>
  <pre>
  {{ issues | json }}
  </pre>
</div>

JavaScript

angular.module('app', ['ngResource'])
  .controller('jsonpExample', jsonp_example);


function jsonp_example($scope, $http, $resource, $window) {
  var url = "https://www.hostedredmine.com/projects/taskconnector-test/issues.json";

  $scope.doRequest = function() {

    loadHttp();

  };

  // I load the remote data via $http.
  function loadHttp() {
    var c = $window.angular.callbacks.counter.toString(36);
    $window['angularcallbacks_' + c] = function(data) {
      $window.angular.callbacks['_' + c](data);
      delete $window['angularcallbacks_' + c];
    };
    return $http.jsonp(url, {
        params: {
          callback: "JSON_CALLBACK"
        }
      })
      .then(function(response) {
        $scope.issues = response.data
        console.log(response.data);
      });
  }






}