AngularJS des requêtes inter-domaine à l'aide de $service http

J'essaie d'apprendre à AngularJS en faisant une simple application web à l'aide de la Contraction de l'API (https://github.com/justintv/Twitch-API) mais je vais avoir des difficultés lors de l'exécution d'une requête GET, puisque c'est une demande de domaines. C'est ce que j'ai essayé

angular.module('streamPlaylisterAppServices', []).factory('twitchService', ['$http',
  function($http) {
    return function(usercode){
      console.log("usercode inside service is: " + usercode)
      var authHeader = 'OAuth' + usercode;

      return $http({
        method: 'GET',
        url: ' https://api.twitch.tv/kraken',
        cache: false,
        headers:{
          'Accept': 'application/vnd.twitchtv.v3+json',
          'Authorization': 'OAuth ' + usercode
        }
      })
    };
  }]);

mais j'obtiens cette erreur:

XMLHttpRequest ne peut pas charger https://api.twitch.tv/kraken. La demande
a été redirigé vers 'http://www.twitch.tv/kraken", qui est rejetée
cross-origin demandes qui nécessitent de contrôle en amont.

Je sais que je dois être l'aide d'un JSONP demande, mais comment puis-je définir des en-têtes de cette façon? Quelqu'un peut-il me montrer un exemple de requête JSONP, et comment définir des en-têtes, comme je l'ai fait dans l'exemple ci-dessus? Si je ne peux pas définir les en-têtes dans JSONP demandes, sinon comment puis-je définir des en-têtes de requête?

OriginalL'auteur Isaac Perez | 2015-05-14