3

AngularJS 1.2.0 を使用しています。$resouce を使用して Web サービスを呼び出すと、応答変数は常に空になります。Web サービスは正しく呼び出され、Web サービスは結果をブラウザーに送信しています。問題は、(callback(response){}) 応答が常に空であることです。

angular.module('app').factory('geoCoding',['$resource', function ($resource) {
return $resource('http://open.mapquestapi.com/geocoding/v1/address', {key: getGeoKey()}, {
    locate: {method: 'GET', isArray: false}
});
}]);

$scope.getLocations = function (locationName) {
    return geoCoding.locate({location: locationName}).$promise.then(
      function (response) {
        log.log('response ', response);
        if (response && response.data && response.data.results && response.data.results[0]) {

          var locations = [];

          response.data.results[0].locations.forEach(function (location) {
            locations.push({name: geoUtils.location2String(location), location: location});
          });

          return locations;
        } else {
          return {};
        }

      }, function (error) {
        log.error('Locations Query error: ', error);
      });
  };
4

3 に答える 3

2

1.2.0rc1 を使用したいくつかの異なるアプローチを次に示します。

var app = angular.module('app', ['ngResource']);
app.factory('geoCoding',['$resource', function ($resource) {
  return $resource('response.json', {key: 123}, {
    locate: {method: 'GET', isArray: false}
  });
}]);

app.controller('MainCtrl', function($scope,geoCoding){
  // bind it directly to the async result
  $scope.locations = geoCoding.locate({location: "a location"});

  // use a function to trigger the request
  $scope.getLocations = function () {
    $scope.resp = geoCoding.locate({location: "a location"});
  };

  // use a function to trigger the request using the promise
  $scope.getLocationsAlt = function() {
    geoCoding.locate({location: "a location"}).$promise.then(function(response){
      $scope.respAlt = response;
    }, angular.noop);
  };
});

コメントに基づいて更新

あなたが直面している問題は、データが予期しない形式で戻ってくることです。更新されたコードは次のようになります ( http://plnkr.co/edit/xzZHvm?p=preview ):

var app = angular.module('app', ['ngResource']);
app.factory('geoCoding',['$resource', '$http', '$log', function ($resource, $http, $log) {
  return $resource('http://open.mapquestapi.com/geocoding/v1/address', {}, {
    locate: {method: 'GET', isArray: true, transformResponse: $http.defaults.transformResponse.concat(function(data, headersGetter) {
      // probably be better if you examined the results in here
      $log.info(data.results[0]);
      return data.results[0].locations;
    })}
  });
}]);
app.controller('MainCtrl', function($scope, $log, geoCoding){
  $scope.locations = geoCoding.locate({location: "Dallas, TX"});
});
于 2013-08-31T15:42:41.703 に答える
0

皆さんの助けに感謝します。おそらく私も同じことを言っているのでしょうが、実はまだうまくできていません。エラーを修正しました。現時点では、コードにエラーはありませんが、すべてのページが表示されなくなりました。API を既に開いているのか、単に機能していないのかわかりません。.js コードを送信して、それについて少し議論します。

ご協力いただきありがとうございます。

'厳密を使用';

angular.module('SiteApp', []) .controller('LoginCtrl', ['$scope', '$location', '$http', function ($scope, $http) { $scope.user = {ユーザー名: ''、パスワード: ''};

$scope.go = function() {
    $http.jsonp('http://beta.cloogy.com:6969/api/1.0', {
          data : {
            User: user.username,
            Password: user.password
          }
      })
    .success(function (data) {
      $scope.$parent.image = data;
      $location.path('/Index'); //this is a simply second view to test
    })
    .error(function (data) {
      $scope.msg="Error loading the page!";
    });
}

} ]);

于 2013-11-08T17:17:25.093 に答える