如何在ionic中循环不同视图中的数据

How to loop data in different views in ionic

本文关键字：视图 数据 循环 ionic      更新时间：2023-09-26

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

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

该对象被保存到本地存储。这是我的伴侣，我试图在这里展示我真正想要的。场景是，good1值将通过4页循环，下一次重定向到带有下一个值的第一页(即good2)，下一个值也将通过相同的4页，以此类推。我该怎么做才能解决这个问题?如果我在对象结构上做错了，什么才是好的方法?

我建议你把你的数据放到一个服务中，这样在页面之间共享、保存到本地存储和检索起来会容易得多。

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

现在你可以使用这个服务并把它注入到你的控制器中:

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

所有页面的数据都是一样的

相关文章：