angularjs - http JSONP Angular之后的意外令牌

Question

我想创建一个使用 Google Places API 检索建议的输入字段，以便用户更轻松地填写该字段。

我正在使用 MEAN.js，但在使用 Angular 控制器检索信息时遇到问题：

// Get places
$scope.getPlaces = function(val) {
    return $http.jsonp('https://maps.googleapis.com/maps/api/place/autocomplete/json?callback=JSON_CALLBACK', {
        params: {
            input: val,
            types: '(regions)',
            language: 'en',
            key: 'AIzaSyADMplvJfIzKFslb5KfOdZbCKK2SIYVl-E'
        }
    }).then(function(response){
            var places = [];
            angular.forEach(response.predictions, function(item){
                places.push(item.description);
            });
       return places;
    });
};

该视图尝试使用 typeahead 组件检索自动建议：

<div class="form-group">
    <input type="text" id="location" name="location" class="form-control" ng-model="asyncSelected" typeahead="place for place in getPlaces($viewValue)" typeahead-loading="loadingPlaces" placeholder="Location">
</div>

我检查了控制台，请求返回 200 OK，但控制台中出现错误：

Uncaught SyntaxError: Unexpected token :

http jsonp请求有什么问题？我该如何解决？

谢谢干杯毛里齐奥