Al establecer encabezados de autorización HTTP, la aplicación AngularJS se bloquea

Question

Quiero hacer una solicitud a la API de Twitter y obtener la actualización actualizada de usuario.

Intenté la API de Twitter con "Apigee" y todo funciona bien.Incluso al copiar el encabezado de autorización de "Apigee" a "Postman", recupere los datos.

Bueno, pero cuando intento hacer la solicitud HTTP en mi aplicación angular, toda la aplicación deja de funcionar. En el navegador hay solo la salida "{{mensaje}}" y la consola imprime dos mensajes de error:

Uncaught SyntaxError: Unexpected identifier :3000/javascripts/app.js:211
Uncaught Error: No module: app angular.min.js:17

El código en mi aplicación se ve así

app.controller('TwitterCtrl', function($scope, $http) {
var url = "https://api.twitter.com/1.1/statuses/home_timeline.json";
$http.get(url, 
{headers: {
  'Authorization':
  Oauth oauth_consumer_key = "xxxx",
  oauth_signature_method="HMAC-SHA1"
  oauth_timestamp="1401883718",
  oauth_nonce="840988792",
  oauth_version="1.0",
  oauth_token="xxxx",
  oauth_signature="xxx"
}})
.then(function (data) {
$scope.data = data.data;
console.log(data);
});

¿Puede alguien ayudarme o decirme qué estoy haciendo mal? Kevin

Answer 1

Pruebe de esta manera:

app.controller('TwitterCtrl', function($scope, $http) {
var url = "https://api.twitter.com/1.1/statuses/home_timeline.json";
$http.get(url, {
    headers: {
        'Authorization':
            'Oauth oauth_consumer_key = "xxxx",' +
            'oauth_signature_method="HMAC-SHA1",' +
            'oauth_timestamp="1401883718",' +
            'oauth_nonce="840988792",' +
            'oauth_version="1.0",' +
            'oauth_token="xxxx",' +
            'oauth_signature="xxx"'
    }
}).then(function (data) {
    $scope.data = data.data;
    console.log(data);
});