Javascript 工厂服务无法加载json文件
我有一个Javascript 工厂服务无法加载json文件,javascript,angularjs,json,Javascript,Angularjs,Json,我有一个JSON文件,data.JSON,与下面的文件位于同一文件夹中。但是,当我运行此程序时,它返回未找到 我还尝试将$http.get请求放入工厂,但结果相同-未找到。我还尝试将.json扩展名改为.txt,正如其他地方建议的那样,但这也不起作用 其余的代码与angular seeds项目一起提供 其他文件中是否有我遗漏的内容,或者获取请求的其他技巧 'use strict'; var myApp = angular.module('myApp.view1', ['ngRoute']);
JSON
文件,data.JSON
,与下面的文件位于同一文件夹中。但是,当我运行此程序时,它返回未找到
我还尝试将$http.get
请求放入工厂,但结果相同-未找到。我还尝试将.json
扩展名改为.txt
,正如其他地方建议的那样,但这也不起作用
其余的代码与angular seeds项目一起提供
其他文件中是否有我遗漏的内容,或者获取请求的其他技巧
'use strict';
var myApp = angular.module('myApp.view1', ['ngRoute']);
myApp.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/view1', {
templateUrl: 'view1/view1.html',
controller: 'View1Ctrl'
});
}]);
myApp.controller('View1Ctrl', [
'$scope',
'$http',
function($scope, $http) {
$http.get('data.json')
.then(function(res){
$scope.quiz = res.data
});
}]);
以下是plnkr:
尝试将.json文件放在js所在的文件夹中。以下是plnkr:
尝试将.json文件放在js所在的同一文件夹中。json文件不能与
js
文件位于同一文件夹中。相对路径是相对于includeindex.html
文件解析的。如果您有此结构:
+-index.html
|-folder
| \-data.json
\-js
\-app.js
您必须在app.js中使用
$http.get(“folder/data.json”)
,才能使其正常工作。.json
文件不能与js
文件位于同一文件夹中。相对路径是相对于includeindex.html
文件解析的。如果您有此结构:
+-index.html
|-folder
| \-data.json
\-js
\-app.js
你必须在app.js中
$http.get(“folder/data.json”)
才能让它工作。什么是错误?什么是错误?天哪,我好尴尬。几个小时来我一直在绞尽脑汁,以为我发明了一种新的错误。我没有意识到路径是相对于index.html文件而不是js文件的。非常感谢。哦,我的天,我好尴尬。几个小时来我一直在绞尽脑汁,以为我发明了一种新的错误。我没有意识到路径是相对于index.html文件而不是js文件的。非常感谢。