外部JSONファイル - IONIC

Question

タブテンプレートを使用して、チャットとチャットの詳細を表示します。データをjsonファイルに入れて、コードのように追加します：$ http.get（ "http://abcd/Chats.json"）。 データはチャット一覧に表示されていますが、詳細ページでは機能しません。

.controller('ChatsCtrl', function($scope, Chats) { 
Chats.getChats().success(function(response){ 
$scope.chats =response; 
    }); 
    }) 

.controller('ChatDetailCtrl', function($scope, $stateParams, Chats) { 
$scope.chat = Chats.get($stateParams.chatId); 
    }) 

私の誤差がある

SERVICE 
angular.module('starter.services', []) 

.factory('Chats', function($http) { 
// Might use a resource here that returns a JSON array 

return { 
getChats: function() { 
return $http.get("http://abcd/Chats.json").success(function(response){ 
chats=response; 
return chats; 
    }); 
}, 

get: function(chatId) { 
for (var i = 0; i < chats.length; i++) { 
if (chats[i].id === parseInt(chatId)) { 
    return chats[i]; 
    } 
} 
return null; 
} 
}; 
}); 

CONTROLLER： 私は解決策の多くをテストしてみたが、私はまだエラーを取得しています...ここで

は私のコードであることができません未知のチャットのプロパティを読み取る.. 助けてください？

Answer 1

chatsを工場出荷時にはvarとして定義してください。

.factory('Chats', function($http) { 
    var chats; 
    ...