Wie Params vom vorherigen Zustand zum neuen Zustand in Winkel übergeben?

Question

Ich habe 10 ähnliche Felder in meinem Dashboard, die jeweils unterschiedliche Werte für ein bestimmtes Gerät zeigen. Wenn der Benutzer auf jeden klickt, muss ich ihn auf eine neue Seite leiten, auf der weitere Informationen zu diesem Gerät angezeigt werden.

Das Layout der zweiten Seite für alle Geräte ist identisch. Ich muss nur den $ scope aktualisieren.

Was ist ein sauberer eckiger Weg, um dies zu erreichen, vorzugsweise keine Anfrage an die URL?

Ich verwende $ stateProvider und versuchte, es mit onEnter() arbeiten zu lassen, konnte aber noch nicht.

Answer 1

$stateParams sollte den Trick tun. Um es zu verwenden, müssen Sie die Parameter beim Routing angeben. Zum Beispiel:

(function(){ 
    'use strict'; 

    angular 
    .module('app') 
    .config(ApplicationConfig); 

    //set dependencies for ApplicationConfig 
    ApplicationConfig.$inject = ['$stateProvider']; 

    function ApplicationConfig($stateProvider){ 
     //Define route states 
     $stateProvider 
     .state('main', { 
     abstract: true, 
     url: '/main', 
     templateUrl: 'pages/main/main.html', 
     controller: 'MainCtrl', 
     controllerAs: 'main', 
     cache: true, 
     params: { 
      user: null 
     } 
     }); 
    } 

Dann nutzen Sie $state.go('stateName', { param: param }), zum Beispiel (nach dem vorherigen Beispiel):

//Inside your original controller 
function goToMainPage(param) { 
    $state.go('main', { user: param }); 
} 

Schließlich greifen Sie auf die Parameter in Ihrem Ziel-Controller durch einen $stateParams.param tun, oder, in der Fall des vorherigen Beispiels, $stateParams.user.