Javascript 如何使用angularJs从服务器获取php Web api json的数据。？

当我将此json保存在本地计算机中并在angularjs脚本中使用时。很好。但当我使用direct server进行此操作时，它不起作用。为什么

我的剧本缺少什么

我的Json文件>

http://deals.ownaroof.com/api/webservices/locations_list.json

Html>

<div ng-controller='prefferedCtrl'>{{locations}}</div>

})（）

如何使用此json文件请任何人向我推荐。

首先，我希望能对您有所帮助。 当我处理跨源问题时，我将响应保存在一个json文件中，这样做就像

$http.get('j1.json').success(function(response){ //make a get request to mock json file.
            $scope.data = response; //Assign data recieved to $scope.data
            console.log($scope.data);
        })

如果您对此有任何疑问，请告诉我

---

我使用了你的json，并使用ng repeat简单地显示了你数据的id和名称……让我知道你想以何种方式在html中像简单数据一样显示这些数据，还是想以下拉方式显示这些数据？？？

你在控制台中看到数据了吗？没有显示错误。min.js:102错误：[ng:areq]这是zip文件请先生帮帮我。上面没有提到的代码部分有问题……是的，但是什么？我不知道遗漏了什么，也不知道什么是正确的代码、参数等等。用于将json联机调用到另一个文件。如果您知道，请帮助我。这是正确的代码，但我的问题是如何使用联机json路径获取数据到我的另一个SPA。即日志注释-----------------XMLHttpRequest无法加载。请求的资源上不存在“Access Control Allow Origin”标头。因此，不允许访问源代码“”。这就是我在回答中提到的，我遇到了跨源代码问题…请尝试克服，然后您的代码将正常工作这是我的全部代码。您可以检查它，并请解决我的问题，因为我没有得到适当的结果。尼瑟，我知道什么是正确的剧本。有index1.html工作正常，但index.html不工作。但我的问题不是如何使用angularjs在html中使用json

$http.get('j1.json').success(function(response){ //make a get request to mock json file.
            $scope.data = response; //Assign data recieved to $scope.data
            console.log($scope.data);
        })