javascript - 如何在ionic中的不同 View 中循环数据

Question

我有五个不同状态的页面。第一页包含格式为

的对象

{
  "good": {
    "good1": "good",
    "good2": "good",
    "good3": "good"
  },
  "bad": {
    "bad1": "bad",
    "bad2": "bad",
    "bad3": "bad"
  },
  "excellent": {
    "excellent1": "excellent",
    "excellent2": "excellent",
    "excellent3": "excellent"
  }
}

该对象已保存到本地存储。这是我的codepen我试图展示我真正想要的内容。场景是，good1值将循环遍历4个页面，下次重定向到带有下一个值(即good2)的第一页，下一个值也经历相同的4页面等。我必须做什么才能解决这个问题？如果我在对象结构上做错了，好的方法应该是什么？

Answer 1

我建议您将数据放入 service ，那么在页面之间共享它、将其保存到本地存储并检索它就会容易得多。

.factory('amazingData',function() {
  var ohYeah = {
    'good':{
      'good1':'good',
      'good2':'good',
      'good3':'good'
    },
    'bad':{
      'bad1':'bad',
      'bad2':'bad',
      'bad3':'bad'
    },
    'excellent':{
      'excellent1':'excellent',
      'excellent2':'excellent',
      'excellent':'excellent'
    }
  };

  return ohYeah;
})

现在您可以使用此服务并将其注入(inject)您的 Controller 中:

.controller('homeCtrl',function($scope, amazingData){
  $scope.data=amazingData;
})
.controller('pageCtrl',function($scope, amazingData){
  $scope.data=amazingData;
})

所有页面的数据都相同。