javascript - 使用外部数据时链接到下一页不起作用 - Ionic - AngularJS

Question

我是 ionic 和 angularjs 的新手，我不确定我哪里出错了。我正在尝试从外部链接获取 json。它返回数据并完美地显示它们，但是当我单击返回列表中的选项之一时，它不会重定向到通知详细信息页面。如果 json 数据被硬编码，一切都会正常，但我不希望这样。这是处理列表和链接的 Controller 和服务:

.service('NoticeboardService', function($q, $http) {
   mynotices = $http.get('http://.../app/noticeboard.php').then(function(response){    
            console.log(response.data)          
            return response.data
          })
   return {
      notices: mynotices, // if i change this so that it is hard-coded in the links work
      getNotices: function() {
      return this.notices
   },
   getNotice: function(noticeId) {
      var dfd = $q.defer()
      this.notices.forEach(function(notice) {
         if (notice.id === noticeId) dfd.resolve(notice)
      })

      return dfd.promise
   }

}
})

.controller('NoticesCtrl', function($scope, notices) {
    $scope.notices = notices
})

.controller('NoticeCtrl', function($scope, notice) {
    $scope.notice = notice
})

我正在显示的数据示例:

[
  {

  "id": "1",
  "title": "Notice one",
  "content": null,
  "image": "uploads/news_images/2d3a24b738430c94f3.png",
  "date": "November 20, 2015, 3:19 pm"

  },
  {

  "id": "2",
  "title": "Notice Item",
  "content": null,
  "image": "uploads/news_images/6ff8308fd9f2a7baf3.png",
  "date": "November 20, 2015, 3:21 pm"

  }
]

当我使用console.log('notices:', mynotices);返回以下内容: notices: Object { $$state: Object }为什么它不返回对象数组？

Answer 1

我通过将服务更改为以下内容解决了该问题。为此，我使用了这个 link帮我解决它。我不完全确定为什么我的原始代码不起作用，但现在可以了:

.service('NoticeboardService', function($q, $http) { 

  var notices = [];

  return {
    getNotices: function(){
      return $http.get("http://fitnexus.com/app/noticeboard.php").then(function(response){
         notices = response.data;
         return notices;
      });
    },
    getNotice: function(noticeId){
      for(i=0;i<notices.length;i++){
         if(notices[i].id == noticeId){
            return notices[i];
         }
      }
      return null;
   }
 }
})