让 Angular Typeahead 与 JSONP 和带有属性的 JSON 一起工作

Question

我一直在努力让 $http.json() 正确返回对象的结果集。我在本地存储了相同响应的示例，它们工作正常。

谁能看看这段代码并告诉我我做错了什么？它与返回 $http 或那一点的东西有关。

演示：http://plnkr.co/edit/x325wZ4mwi9DNM8tAxgH?p=preview

Answer 1

你似乎改变了你的笨拙。您使用 $http.jsonp 调用的第一个似乎很接近，但由于 COR 问题很难测试 - 您绝对应该检查 JSONP 返回数据的编码类型是否正确。不过……

我将按照下面的代码构建 $http.get。现在您已经放弃了 $http.jsonp 以支持 $http.get，还请注意，您现在可能需要通过 jsonDecode 将返回的 JSON 数据字符串显式解包到 javascript 对象中。最后，您可能必须解开服务器响应以仅返回没有 JSON_CALLBACK() 包装器的 json 有效负载。

  var url = 'http://sitesbyjoe.com/angular-tests/typeahead/schools.php?callback=JSON_CALLBACK'
  $http.get(url).success(function(data) {
      console.log(data);
      $scope.schools = angular.jsonDecode(data);
  });