0

AngularJSで以下の様なローカルに存在するファイルを読み込みたいです。

color.json

[
   {
    "color": "'rgba(255, 23, 68, 0.2)'"
   },
   {
    "color": "'rgba(245, 0, 87, 0.2)'"
   },
   {
    "color": "'rgba(213, 0, 249, 0.2)'"
   }
]

var colors = $resource('./color.json').query();
で読み込んで

console.log(colors)で表示しようとしてもundefinedになってしまいます。
なぜでしょうか

1
  • 1
    HTMLファイルを直に開いているとブラウザによってはアクセス権限のポリシーに引っかかりますが、ウェブサーバーは通していますか? eien.seesaa.net/article/302127165.html
    – naga3
    Commented 2015年7月8日 23:38

1 件の回答 1

3

https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular-resource.js
queryの結果がundefineになる事はありません。

queryの戻り値を直ぐjsonオブジェクトとして使用できる訳ではありません。
urlに非同期でアクセスし、戻ってきて始めてjsonオブジェクトとして使用できます。

var colors = $resource('./color.json').query();
colors.$promise.then(function(){
    // この関数が呼ばれるまでjsopnオブジェクトとして使用不可能
});

queryに関数を渡す事でもっと簡単に書けます

var colors = $resource('./color.json').query((function(){
    // この関数が呼ばれるまでjsopnオブジェクトとして使用不可能
});

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。