2016-04-04 12 views
0

私は2つの異なるJSONファイルを持っていて、同じ属性を持っています。私は私のサービスで2つの約束を使用してそれらを読み込むことができますが、私がHTMLに入り、私のデータを表示しようとすると、同じことが表示されます。AngularJSで複数のJSONファイルを読み込む

これは私のサービスである:はいどのように私はそれを行うことができますし、私は私のコントローラには何も変更する必要がない場合

$http.get("data.json"); 

      //User JSON api 
      $http.get("data1.json") 
       .then(function (response) { 
         dataRecievedCallback(response.data); 
        } 

私は、変数に私の$ http.getを割り当てるべきでしょうか? 私は長い間コーディングしていないし、私は角度をつけていないので、すべての助けに感謝しています。あなたの「dataRecievedCallback()」関数について

答えて

1
$http.get("data.json") 
     .then(function (response) { 
      $scope.foo = response.data; 
     } 
$http.get("data1.json") 
     .then(function (response) { 
      $scope.bar = response.data; 
     } 

わからない、あなたの関数は、同じ変数にデータを設定した場合、2番目の$ HTTP呼び出しは、最初のものを上書きします。

+0

"dataRecievedCallback()"を削除してください。 – 4rh4m97

+0

もう1つ質問がありますが、データを詳しく説明したくないので、そのまま表示したいと思います。コントローラを変更する必要がありますか?私はあなたの例でfirstDataが$ scope.fooのところで、 "undefinedのfirstData 'プロパティを設定できません"というエラーメッセージが表示され続けるためです。 – 4rh4m97

+0

この場合、 '$ range 'の原因となっている' $ http'が返される前に '$ scope.firstData'を設定している可能性が高いため、' dataReceivedCallback() 'を' .firstData'は未定義です。 –