從angularjs的文件系統加載

我有一個json文件，我想在我的角度應用程序中提供的內容。我正在閱讀關於使用$ http.get從文件系統加載json的in this thread。我無法得到這個工作，當我運行加載它在控制檯中的代碼時（通過$ injector.get），我不斷得到「http://localhost:9000/jsonFile.json not found」。我用自耕農生成我的應用程序，以及結構如下所示：從angularjs的文件系統加載

app 
    --scripts 
    --services 
     --jsonLoader.js 
    --app.js 
    --index.html 
    --jsonFile.json

的jsonLoader.js文件

angular.module('jsonLoader', []) 
.service('loader', function($http){ 
    var schema = {}; 
    $http.get('jsonFile.json') 
    .then(function(res){ 
    schema = res.data; 
    }); 
    return schema; 
});

我試過的路徑，每一個組合可能指的位置json文件，但當我嘗試訪問該服務時，我仍然收到了404。非常感激任何的幫助！

來源

2015-02-10 biagidp

您的問題與Angular無關，但很可能是您的Grunt設置。您的Grunt不在觀看JSON文件，因此您的Angular應用程序無法訪問您嘗試訪問的JSON文件。

爲了使JSON文件訪問，你需要將以下添加到您的呼嚕聲文件，這是約曼的一部分角：

livereload: { 
    options: { 
     livereload: '<%= connect.options.livereload %>' 
    }, 
    files: [ 
     '<%= yeoman.app %>/{,*/}*.html', 
     '<%= yeoman.app %>/{,*/}*.json', //added this line 
     '.tmp/styles/{,*/}*.css', 
     '<%= yeoman.app %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}' 
    ]

來源

2015-02-10 19:24:50 Bricktop

這不解決我的問題。 – biagidp 2015-02-10 21:16:11

我撒謊。這解決了我將相關文件移動到yeoman.app目錄時的問題。 Woops！ – biagidp 2015-02-10 21:18:47

哦，我認爲它已經在你的應用程序目錄中，並且很高興它可以工作。 – Bricktop 2015-02-10 21:22:48

從angularjs的文件系統加載

回答

相關問題