angularJSでuber-api製品を呼び出す際の問題

Question

uber-api製品の残りのエンドポイントをテストしようとしていて、角度を使って正常に応答できません。 $ http.get urlをブラウザに貼り付けると動作します。しかし、私は常にangularjsを通じてエラー応答を取得します。以下のjsfiddleは私が達成しようとしているものの剥奪された例です。

http://jsfiddle.net/t3kcwc7y/630/

function UberCtrl($scope, $http) { 
    $http.get('https://sandbox-api.uber.com/v1/products?latitude=37.7759792&longitude=-122.41823&server_token=<token_here>') 
    .success(function(data) { 
     console.log('success'); 
     $scope.uberData = data; 
    }) 
    .error(function(data) { 
     console.log('error'); 
     $scope.uberData = 'Error: ' + data; 
    }); 
} 

私は、これはすでにカバーされている場合はとても残念既存jsfiddle/plunker例を見つけることができませんでした。前もって感謝します。

クロムでテストするときに、「No 'Access-Control-Allow-Origin'ヘッダーが要求されたリソースに存在します」というクロム固有のCORSエラーが表示されます。それはFirefoxで動作します。私の最終的な目標は、salesforce/force.comからこれを実行し、どのブラウザでもサポートすることです。 CORSエラーがjsfiddleに起因するのかどうかはわかりません。

Answer 1

CORSをサポートしたブラウザからユーバーのAPIを使用するための例を参照してください：UBER側と角側の両方にCORS設定をうまくしようとした後

https://developer.uber.com/docs/rides/api-reference

var xhr = new XMLHttpRequest(); 
xhr.open('GET', 'https://api.uber.com/v1/products?latitude=37.7759792&longitude=-122.41823'); 
xhr.setRequestHeader("Authorization", "Token YOUR_SERVER_TOKEN"); 
xhr.send();