HTTP 进入 AngularJs 无法找到 Json 文件

Question

我已经用下面的代码尝试了几次来获取 json 数据。

var todoApp = angular.module("todoApp", []);

    todoApp.run(function($http) {

        $http.get('todo.json').success(function (data) {

            model.items = data;
        });
    });

此处 todo.json 文件位于项目的根目录中....我做错了什么？

Answer 1

Here's a plunker我已经忍受了你的情况。

var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope, $http) {
      $http.get('data.json').success(function(response){
        $scope.items = response;
      });
    });

Answer 2

如果您使用 visual studio 和 IIS Express 进行调试，那么您必须为静态 json 文件添加 mime 类型，否则此调试服务器不知道如何处理对此类文件的请求。你可以通过

1.Adding 在您的项目中创建一个新的 Web 配置文件（如果它不存在）
2.Adding 这个在文件里面

<system.webServer>
    <staticContent>
      <mimeMap fileExtension=".json" mimeType="text/json" />
    </staticContent>
  </system.webServer>

在配置部分/标签下。有关此内容的更多信息 here

HTTP 进入 AngularJs 无法找到 Json 文件

HTTP Get in AngularJs Could not located the Json file

json

angularjs

angularjs-service