当前位置: 首页 > 面试题库 >

从angularjs中的本地JSON文件中获取数据

邢昊焜
2023-03-14
问题内容

我想从本地计算机上的JSON文件中获取数据。但是我无法获取数据。它显示了$ http的某些跨域错误。

这是我的代码。

angular.module('myApp',[])
  .controller('myCtrl', function ($scope, webtest) {
     webtest.fetch().then(function (data) {
         $scope.accounttype = data;
     })
});

.factory('webtest', function($q, $timeout, $http) {
    var Webtest = {
        fetch: function(callback) {
            return $timeout(function() {
                return $http.get('webtest.json')
                .then(function(response) {
                      return response.data;
                });
            }, 30);
         }
    };
    return Webtest;
});

任何人都可以帮助我如何显示本地JSON文件中的数据?提前致谢。


问题答案:

很简单,就像

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


 类似资料:
  • 问题内容: Hai,我是Angularjs的新手。我正在尝试从JSON文件读取数据,但是它返回了奇怪的输出。这是我的controller.js文件 这是我的services.js文件 控制台输出为 请帮忙。 问题答案: $ http.get 返回一个promise,您将返回一个包含该promise的数组。 而是这样做: 然后以这种方式使用您的工厂:

  • 问题内容: 如何存储本地文件(如JSON),然后从控制器中获取数据? 问题答案: 从React Native 0.4.3开始,您可以像这样读取本地JSON文件: 然后像普通的JS对象一样访问customData。

  • 问题内容: 我正在尝试从Angular服务hero.service.ts获取json数据。当在MemoryDataService中使用伪造的HTTP API时,一切正常,我从in-memory- data.service.ts文件中获取json数据。但是,当我尝试从真实的json文件中获取数据时,它不起作用,并且在浏览器中出现错误“找不到集合”。 以下是文件内容(所有3个文件都位于app /文件夹

  • 问题内容: 我是angularjs的新手,我整天都在网上进行搜索,目的是找到一种解决方案,可以从本地json文件获取数据,而不必在我的webapp中使用本地主机。不幸的是,我还没有找到任何东西。我尝试使用$http.get,但收到Cross Origin *错误。 有没有其他方法可以从本地json文件中获取数据而不必在本地托管我的webapp? angularjs是否有其他功能可以从本地json文

  • 问题内容: 我正在尝试使用Jquery从本地文件中获取JSON对象(产品)的列表,并将所有对象存储在称为allItems的单个数组中。该文件与代码位于同一目录中,称为“ allItems.json”。这是我现在的做法: 基于此示例:http : //api.jquery.com/jQuery.getJSON/ 问题答案: 为了能够返回任何项目,AJAX调用需要同步运行。 转换为以下异步调用: 异步

  • 尝试从本地文件获取 json 数据并继续获取 “JSON.parse:数据意外结束在第 1 行第 1 列” 。 我已经尝试了fetch函数的许多参数,但是我总是得到至少一个错误。 JSON数据 我想安慰你。记录数据以确保其正常运行。