Externe JSON-Datei - IONIC

Question

Ich verwende die Registerkarte Vorlage, mit einer Liste von Chats und Chats Detail. Ich habe die Daten in eine JSON-Datei geschrieben und füge sie so in meinen Code ein: $ http.get (""). Die Daten werden in der Liste der Chats angezeigt, funktionieren jedoch nicht auf der Detailseite. ich eine Menge Lösung getestet haben, aber ich bin immer noch einen Fehler bekommen ...

ist hier mein Code:

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

.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); 
    }) 

Mein Fehler ist: kann nicht Lese Eigenschaft von Chat undefined .. Irgendwelche Hilfe bitte?

Answer 1

Versuchen Sie chats als Var innerhalb Ihrer Fabrik zu definieren.

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