外部JSON文件-IONIC

Question

我使用选项卡模板，其中包含聊天列表和聊天详细信息。 我已将数据放入json文件，并在我的代码中将其添加为：$ http.get（“ http：//abcd/Chats.json ”）。 数据显示在聊天列表中，但在详细信息页面上不起作用。 我已经测试了很多解决方案，但是仍然出现错误...

这是我的代码：

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('ChatsCtrl', function($scope, Chats) {
 Chats.getChats().success(function(response){
 $scope.chats =response;
  });
  })

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

我的错误是：无法读取未定义的聊天属性。

Answer 1

尝试将chats定义为工厂内部的var。

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