我已经为此做了很长一段时间了,我很沮丧。我只需要获取关于特定地点的简单数据。
下面是我在角中使用的代码:
function getGoogle($http, $sce) {
var url = $sce.trustAsResourceUrl('https://maps.googleapis.com/maps/api/place/details/json?placeid=ChIJN1t_tDeuEmsRUsoyG83frY4&key=mykey');
var result = $http.jsonp(url, {jsonpCallbackParam: 'angular.callbacks._0'}).then(function(data){
console.log(data);
});
}
function config($stateProvider, $locationProvider){
$stateProvider
.state('sbucks', {
url: '/',
templateUrl: 'app/app.html',
controller: 'AppCtrl as app',
resolve: {
cool: getGoogle
}
});
$locationProvider.html5Mode(true);
}
function AppCtrl(cool){
var vm = this;
//console.log(cool);
}
angular.module('sbucks', [
'ui.router',
'sbucks.santamonica',
'sbucks.newyork',
'sbucks.london'
])
.config(config)
.controller('AppCtrl', AppCtrl)
;
这些都是我不断犯的错误:
错误1:“未登录的SyntaxError:意外令牌: angular.js:14516”
错误2:可能未处理的拒绝:{“数据”:false,"status":404,“config”:{“方法”:“JSONP”,“transformRequest”:空,“transformResponse”:空,"jsonpCallbackParam":"angular.callbacks._0","url":{},“headers”:{“接受”:“应用程序/json,文本/平原,/}},”statusText:“错误”}
我知道我在做些愚蠢的事,只是被困住了,很沮丧。
发布于 2017-03-20 22:55:12
将$http服务注入您的模块。
$http({
method: 'GET',
url: 'Your google places API URL'
}).then(function successCallback(response) {
console.log(response.data);
}, function errorCallback(response) {
});
successCallback中的响应参数将包含以下信息。
数据-{string}--响应体使用转换函数进行转换。
响应的状态- {number} - HTTP状态代码。
Header - { function (headerName)} -Header getter函数。
config - { object } -用于生成请求的配置对象。
statusText - {string} - HTTP文本的响应。
https://stackoverflow.com/questions/42915153
复制相似问题