angularjs mantiene la variabile di ambito lungo i percorsi

Question

Come mantenere il modello su tutti i percorsi. per esempio ho una lista di profili caricati sulla home page. La home page contiene anche un'azione "carica più" per caricare più profili, in pratica spingere i dati sul modello. Facendo clic su un profilo specifico, la vista dettagliata per quel profilo viene attivata tramite rotte. La vista di dettaglio ha un pulsante indietro che reindirizza l'utente alla home page. Sul routing verso la home page, i dati (profili) caricati dall'azione "carica di più" vengono persi. Ho bisogno di mantenere il modello con il "carico di più" dati

prepended Di seguito è riportato il codice usato

/* Controllers */ 
var profileControllers = angular.module('profileControllers', ['profileServices']) 


profileControllers.controller('profileListCtrl', ['$scope','$location', 'Profile','$http', 
    function($scope,$location, Profile,$http) { 
    $scope.Profiles = Profile.query(function(){ 

     if($scope.Profiles.length < 3) { 
        $('#load_more_main_page').hide(); 
       } 
     }); 
    $scope.orderProp = 'popular'; 
    $scope.response=[]; 

    //LOADMORE 
    $scope.loadmore=function() 
    { 

     $http.get('profiles/profiles.php?profile_index='+$('#item-list .sub-item').length).success(function(response){ 
      if(response) { 
       var reponseLength = response.length; 
       if(reponseLength > 1) { 
        $.each(response,function(index,item) { 


         $scope.Profiles.push({ 
              UID: response[index].UID, 
              id: response[index].id, 
              popular: response[index].popular, 
              imageUrl: response[index].imageUrl, 
              name: response[index].name, 
              tags: response[index].tags, 
              category: response[index].category 
             }); 

         }); 
       } 
       if(reponseLength < 3) { 
        $('#load_more_main_page').hide(); 
       } 
      } 

     }); 


    } 

    }]); 





    /* App Module */ 

var profileApp = angular.module('profileApp', [ 
    'ngRoute', 
    'profileControllers', 
    'profileServices', 
]); 



profileApp.config(['$routeProvider', 
    function($routeProvider) { 
    $routeProvider. 
     when('/profiles', { 
     templateUrl: 'partials/profile-list.html', 
     controller: 'profileListCtrl', 
     resolve: { 
      deps: function ($q, $rootScope) { 
       var deferred = $q.defer(); 
       var dependencies = ['js/sort.js']; 
       $script(dependencies, function() { 
        $rootScope.$apply(function() { 
         deferred.resolve(); 
        }); 
       }); 
       return deferred.promise; 
      } 
     } 
     }). 
     when('/profiles/:profileId', { 
     templateUrl: 'partials/profile-detail.html', 
     controller: 'profileDetailCtrl', 

     }). 
     when('/profiles/cat/:category', { 
     templateUrl: 'partials/profile-list-category.html', 
     controller: 'profileCategoryListCtrl', 

     }). 
     when('/create/', { 
     templateUrl: 'partials/profile-create.html', 
     controller: 'profileCreateCtrl', 
     css: ['css/createprofile.css','css/jquery-ui-1.10.4.custom.min.css','css/spectrum.css'], 

     }). 
     otherwise({ 
     redirectTo: '/profiles' 
     }); 
    }]); 

Answer 1

È possibile utilizzare un AngularJS service per farlo. I servizi sono singleton e possono archiviare dati attraverso i cambi di rotta.

myModule.factory('serviceId', function() { 
    var shinyNewServiceInstance = { 
    // your data here 
    }; 
    return shinyNewServiceInstance; 
}); 

e utilizzarlo nel controller:

controller('MyController', function($scope, serviceId) { 
    // use serviceId here 
}); 

Answer 2

Stai perdendo le variabili $scope perché in Angular un controller non è un Singleton. Ci sarà una nuova istanza generata quando tornerai indietro.

Se si desidera memorizzare qualsiasi tipo di variabile tra i cambi di percorso, è possibile creare un service per farlo.

Answer 3

Un servizio è generalmente il modo accettato di condividere i dati tra le visualizzazioni. Poiché si tratta di un singleton e non viene rigenerato durante la modifica dell'itinerario, è possibile "archiviare" i dati lì e recuperarli da qualsiasi controller in cui viene immesso il servizio.

La seconda risposta di questa domanda spiega con il codice:

Same data in multiple views using AngularJS

Answer 4

creare un servizio angolare e passarlo intorno ai diversi percorsi.

risposta dettagliata qui - https://stackoverflow.com/a/16559855/907388