Как петля данных в разных точках в ионном

Question

У меня есть пять страниц с разным состоянием. Первая страница содержит объект с форматом

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

Этот объект сохраняется в localstorage. Это мой 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; 
}) 

Теперь вы можете использовать эту услугу и ввести его в свои контроллеры:

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

Данные будут одинаковыми для всех страниц.