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

如果您使用带有IIS Express的Visual Studio 进行调试，则必须为静态json文件添加mime类型，否则此调试服务器将不知道如何处理此类型的请求文件。你可以做到

1.在项目中添加新的Web配置文件（如果它存在的话） 2.在文件中添加

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

在config部分/标签下。有关此here

的详细信息

HTTP获取AngularJs无法找到Json文件

2 个答案: