web-dev-qa-db-ja.com

Angularjsはローカルjsonファイルにアクセスします

私はangularjsが初めてで、webappにlocalhostを使用せずにローカルのjsonファイルからデータを取得するための解決策を見つけるために、1日中Webで検索しています。残念ながら、私は何も見つけていません。 $ http.getを使用しようとしましたが、Cross Origin *エラーが発生します。

ウェブアプリをローカルでホストしなくても、ローカルのjsonファイルからデータを取得できる他の方法はありませんか？

Angularjsには、$ http.getを使用せずにローカルjsonファイルからデータを取得する他の機能がありますか？

javascriptjsonangularjs
31
Jibo

アプリケーションをhttpサーバーにデプロイする必要があります。これを行う最も簡単な方法は、ノードを使用することです。例は https://www.npmjs.org/package/http-server です。ブラウザのセキュリティ設定を変更します。

4
Grissom

次のように、GETメソッドでそれらを呼び出すjsonファイルを参照できます。

$http.get('phones/phones.json').success(function(data) {
   $scope.phones = data;
});

公式のAngularJSチュートリアルをチェックして、何が間違っているのかを確認してください。

更新：

For angular 1.6 +successメソッドは無効になり、代わりにthenを使用：

$http.get('phones/phones.json').then(function(data) {
   $scope.phones = data;
});

ソースここを参照してください。

31
Kutyel