javascript - 如何使用 Angular $http.jsonp 从 S3 加载 JSON 文件

Question

我正在从 S3 加载 JSON 文件。文件加载成功，但问题是，我无法在回调函数中访问 AnglarJS 模块($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>

Answer 1

嗯，你正在使用 $http 所以我猜 Angular 是普遍可用的。

有办法在我的回调中访问 $scope 吗？
如果脚本 block 位于同一文档内，则可以通过执行以下操作来访问任何范围，即 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>

Element body 仅用作示例。它可能适用于与目标范围相关的任何 DOM 元素。