Passage de plusieurs paramètres de l'état dans le chemin d'accès

J'ai cette définition de l'état:

         .state("workPlan.list", {
             url: "MainPage",
             templateUrl: "app/workPlan/templates/workPlanList.tmpl.html",
             controller: "workPlanListController",
             controllerAs: "list",
             resolve: {
                 workPlans: ["workPlanServise", workPlanServiseResolver],
                 inspectionAuthority: ["lookupService", inspectionAuthorityResolver],
                 clients: ["lookupService", ClientsResolver]
             }
         })

Le chemin d'accès actuel est:

/cities#/MainPage

J'ai besoin de passer dans l'URL de certaines données:

 'Table':'Clients'
 'Key':'Name'
 'Value':'ClientId'

 'Table':'Dates'
 'Key':'Desc'
 'Value':'DateId'

 'Table':'Sites'
 'Key':'SiteName'
 'Value':'SiteId'

J'ai besoin d'envoyer les données ci-dessus dans le chemin d'accès d'URL:

/cities#/MainPage?{'Table':'Clients','Key':'Name','Value':'ClientId'}{...}{...}

alors dans la définition de l'état j'ai besoin de l'utiliser dans la résolution de la fonction.

Donc ma question est-il possible d'envoyer les données dans le chemin d'accès dans le format ci-dessus et comment puis-je y accéder en résout fonction.

OriginalL'auteur Michael | 2015-11-17

  1. 2

    Bien sûr, vous pouvez le faire, tout est dans la documentation: l'interface utilisateur du routeur wiki github

    Vous permettra de définir votre état d'URL avec des paramètres (double point - virgule, par exemple ":table"), et l'utilisation $stateParams service dans resolve fonction:

    $stateProvider
.state('contacts.detail', {
    url: "/MainPage/:table/:key/:value",
    templateUrl: "app/workPlan/templates/workPlanList.tmpl.html",
    controller: "workPlanListController",
    controllerAs: "list",
    resolve: {
        data: ['$stateParams', function($stateParams) {
            console.log($stateParams.table);
        }]
    }
})

    Les paramètres seront également disponibles dans l'état du contrôleur si vous injectez de l' $stateParams service.

    est-il possible de l'envoyer en JSON?
    Vous pouvez passer stateParams dans ui-sref comme objet javascript, donc non, je ne pense pas que vous le pouvez. Cependant, vous pouvez convertir au format JSON à la chaîne et s'échapper en tant que de besoin... angular-ui.github.io/ui-router/site/#/api/...
    mais vous pouvez aller à un etat et de passer de l'objet à l'intérieur de javascript - stackoverflow.com/questions/20632255/...

    OriginalL'auteur Adrian

  2. 2

    l'appel de votre état 

     $state.go('stateName', {test_one: 'para1',test_two: para2, test_three:'para3'});

    ou

     window.location.href = 
 this.$state.href('stateName',
 {test_one: 'para1',test_two: para2, test_three:'para3'});

    routes.js lorsque vous définissez votre état.

     $stateProvider
    .state({
      name: 'stateName',
      url: '/test/?test_one&test_two&test_three',
      views: {
        'content@portal-layout': {
          controller: Controller,
          template: require('./test.html')
        },
      }
    })

    enfin votre url ressembler à ceci

     https://test/?test_one=para1&test_two=para2&test_three=para3

    OriginalL'auteur Harish Verma