Angularjs访问本地json文件

时间:2014-10-30 09:37:12

标签: javascript json angularjs

我是angularjs的新手,我一整天都在网上搜索,只是为了找到一个从本地json文件获取数据的解决方案,而不必使用localhost作为我的webapp。不幸的是,我还没找到。我尝试使用$ http.get但是我得到Cross Origin *错误。

没有其他方法可以从我的本地json文件中获取数据,而无需在本地托管我的webapp吗?

angularjs是否有任何其他函数可以从本地json文件中获取数据而无需使用其$ http.get?

2 个答案:

答案 0 :(得分:31)

您可以参考使用GET方法调用它们的json文件,如下所示:

$http.get('phones/phones.json').success(function(data) {
   $scope.phones = data;
});

检查 official AngularJS tutorial ,看看你做错了什么。

<强>更新

对于角度1.6 + success方法不再有效而是使用then

$http.get('phones/phones.json').then(function(data) {
   $scope.phones = data;
});

请参阅来源 here

答案 1 :(得分:4)

您需要将应用程序部署到某个http服务器,最简单的方法是使用节点,这里是exmaple https://www.npmjs.org/package/http-server,或者您可以更改浏览器安全设置。