我正在从 S3 加载 JSON 文件。文件加载成功，但问题是，我无法在回调函数中访问 AngularJS 模块（$scope、服务等），因为它是在 angularJS 之外编写的。有没有办法在我的回调中访问 $scope？
AngularJS 代码
var url = "http://my_s3_url/abc/v1/klm/my.json"
$http.jsonp(url);
my.json
jsonp_callback({name:"xyz",age:2})
回调
<script>
function jsonp_callback(data) {
console.log(data.name);
// cannot access $scope here :(
}
</script>
【问题讨论】：
标签： javascript angularjs amazon-s3 cross-domain jsonp
嗯，您使用的是$http，所以我猜角度通常是可用的。
有没有办法在我的回调中访问$scope？
如果脚本块在同一个文档中，则可以通过 angular.element('body').scope() 访问任何范围。
<script>
function jsonp_callback(data) {
console.log(data.name);
// access $scope here :)
var scope = angular.element('body').scope();
scope.$apply(function() {
scope.lastResult = data;
});
}
</script>
元素body 仅用作示例。它可能适用于与目标范围相关的任何 DOM 元素。
【讨论】：
我使用 AWS javascript 库并且必须使用 apply：
AWS.config.update({accessKeyId: '?', secretAccessKey: '?'});
var s3 = new AWS.S3({ maxRetries: 5});
console.log("S3 correctly configured");
s3.listObjects( {Bucket : 'bucketName', Prefix : 'foo/bar/' }, function (err, data) {
if (err) {
console.log(err); // an error occurred
} else {
console.log(data); // successful response
sc.$apply(function() {
sc.prefix = data.Prefix;
sc.data = data;
});
}
});
【讨论】：
我已经为您的场景创建了 plunker，就像页面加载时它会从 $http 读取 json 文件，然后调用外部 js 文件函数，它会将 $scope 和结果数据传递给该函数，即外部函数通过作用域获取结果并显示。
网址：http://plnkr.co/edit/k66KevvcIyxiKA5QSBAc?p=preview
希望这就是你想要的。
【讨论】：
使用 $q promise 库将数据传回作用域
在director.js中
function eventReturn($http, $q){
return {
getEvent: function(){
var deferred = $q.defer();
$http({method:'GET', url'http://my_s3_url/abc/v1/klm/my.json'}).
success(function(data, status, headers, config){
deferred.resolve(data);
});
return deferred.promise;
}
}
};
在 controller.js 中
$scope.event = eventReturn.getEvent();
【讨论】：
您不必自己编写回调函数。使用 $http.jsonp 调用产生的承诺中的特殊“成功”方法就足够了。如果以下代码在控制器中，您应该仍然可以访问 $scope 变量。
$http.jsonp(url).
success(function(data, status, headers, config) {
// The data is here
}).
编辑我已经意识到这个答案取决于传递给 $http.jsonp 的 url 中有一个字符串 JSON_CALLBACK，我怀疑 Angular 会用它定义的一些独特的回调函数替换它。然后，服务器必须对此进行解释，并输出封装在对该函数的调用中的 JSON。这可能不适用于仅提供静态文件的 S3。
【讨论】：