工場出荷時にjsonファイルをロードできません

Question

JSONファイルdata.jsonは、以下のファイルと同じフォルダにあります。しかし、私はこれを実行すると、それは返すが見つかりません。

私はまた$http.getリクエストを工場に入れてみましたが、同じ結果 - は見つかりません。私は.jsonの拡張子を.txtに変更しようとしましたが、他の場所で提案されていましたが、これもうまくいきませんでした。

残りのコードは角種子プロジェクトに付属しています。

他のファイルやその他のリクエストに騙されているものがありますか？ここで

'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 
    }); 
}]); 

Answer 1

.jsonファイルは、jsファイルと同じフォルダに存在してはいけません。相対パスは、index.htmlを含むファイルに関連して解決されます。あなたはこのような構造がある場合：

+-index.html 
|-folder 
| \-data.json 
\-js 
    \-app.js 

をあなたはそれを動作させるためにapp.jsで$http.get("folder/data.json")に持っています。

Answer 2

はplnkrです：https://plnkr.co/edit/Lf6QcyKSn4DsQrgJhUq6?p=preview

'use strict'; 

var app=angular.module('myApp.view1', []) 


app.factory('mainInfo', 
    function($http) { 
    var obj={}; 
    obj.method =function(){ 
     return $http.get('tag.json') 

} 
    return obj; 
    }) 
app.controller('View1Ctrl', [ 

    '$scope', 
    '$http', 
    'mainInfo', 

    function($scope, $http, mainInfo) { 
    mainInfo.method().success(function(response) { 
     $scope.myWelcome = response; 
     debugger 
    }); 
}]); 

JSが存在する同じフォルダに.jsonファイルを配置してみます。