angularjs Wie $ stateParams Variablen nach einem Neuladen von Seite

Question

handhaben Ich würde gerne wissen, wie ich $ stateParams Variablen nach einem Neuladen der Seite beibehalten sollte.

.state('proSearch', { 
        url: '/proSearch/:city', 
        params: { 
         location: null 
        }, 
        templateUrl: 'imports/client/ui/proSearch/proSearch.html', 
        controller: 'proSearchController', 
        controllerAs: 'vm' 
       }) 

Wenn die Seite neu geladen wird, hat mein Controller $ stateParams.location Daten verloren. Wie kann ich es speichern?

Answer 1

Sie können es in der Steuerung mit $ StateParams Service erreichen.

function MainController($scope, $stateParams, $state) { 
 

 
    
 
    var city = $stateParams.location 
 
    
 
    state.go($state.current, {location: city}, {reload: true}); 
 

 
}

Dieser Code ist in der Stadt Variable Ihren Standort params halten und die zweite Zeile ist die Seite mit aktuellen Stadt Parameter aktualisieren. Ich hoffe, es hilft

Answer 2

Sie können die $ stateParams-Daten für eine $ Scope-Variable anstelle einer lokalen Variablen speichern. Eine $ scope-Variable bleibt in Ihrem Bereich bestehen.

Sie können auf $ scope-Variablen auf anderen Controllern zugreifen, solange Sie $ scope referenzieren.

Ich denke, dass Sie die Seite nicht neu laden müssen. Zwei-Wege-Datenbindung ist ein cooles Konzept, das ermutigt, eine Seite nicht neu laden zu müssen, um die Datenaktualisierung zu sehen.