AngularJS說json文件不存在

Question

我是angularJS的新手，我試圖用它從json文件中獲取數據。當我運行程序時，控制檯讀出404錯誤，並且該文件不存在。

這裏是我用來嘗試檢索json文件的角度。

var appLaptops = angular.module('appLaptops', []); 

appLaptops.service("laptopsService", function ($http, $q) { 
    var deferred = $q.defer(); 
    $http.get('json/laptops.json') 
     .then(function (data) { 
      deferred.resolve(data); 
     }); 

    this.getLaptops = function() { 
     return deferred.promise; 
    } 
}) 

appLaptops.controller('ctrlLaptops', function ($scope, laptopsService) { 
    var promise = laptopsService.getLaptops(); 
    promise.then(function (data) { 
     $scope.laptop = data; 
     //For testing 
     console.log($scope.laptop); 
    }) 
}); 

下面我還將附加鏈接到文件夾結構的圖片以及錯誤讀數。

文件夾結構：http://i.imgur.com/qgQIdYf.jpg

錯誤讀數：http://i.imgur.com/c54VLiI.jpg

Answer 1

這個問題是不相關的角度。您有404錯誤，因爲IIS不知道如何處理laptops.json文件。

有兩個選項來解決這個問題：

1. 更新的web.config讓IIS瞭解（由QueryLars在評論中提到）這種文件的內容類型：

$http.get of json file always returns 404

配置HttpRoutes或HttpHandlers的