Angular1はローカルファイルを読み込むことができません

Question

yeoman generatorを使って角度を書きます。menu.jsonをappディレクトリに追加します。そして、jsonファイルを取得するためにサービスを使用しようとします。 404エラーが表示されます。

angular.module('mealApp') 
    .service('foodFinder', function() { 
    // AngularJS will instantiate a singleton by calling "new" on this function 
     this.getMenu = function() { 
     return $.get('menu.json'); 
     } 

    }); 

Answer 1

あなたが、私はその場所を知ることができるmenu.json appフォルダには、index.htmlと同じである置く場合。

どの程度$.get('index.html');

デフォルトヨーマンジェネレータによって、あなたがそのコマンド（例：イサキサーバー）を使用する場合、サーバーを起動するために、それは自動ホストサーバー（例：http://localhost:9000）になると自動でアプリのフォルダにindex.htmlをを読み込みます。

これは、別の方法でサーバーを起動し、相対パスが失われていることを意味していない場合に表示されます。

多分あなたのmenu.jsonへの相対パスを見つける必要があります（例：app/menu.jsonまたは何か）