Aurelia routeur naviguer & amp; navigateToRoute

Dans l'app.ts je suis à la recherche de naviguer à home/contract-view/10 sur une action. Essayé

this.router.navigateToRoute(`home/contract-view`, { id: 10}, { absolute: true });

échoue avec Route home/contract-view not be found

Un autre essai:

this.router.navigate(`#/home/contract-view`, { id: 10});

échoue avec Route not found: contract-view(…)
Comment atteindre cet objectif?
App.ts:

configureRouter(config: RouterConfiguration, router: Router) {
        config.title = 'Contracts Portal';
        config.map([
            { route: ['', 'dummy'], name: 'dummy', moduleId: 'dummy', nav: false, title: 'Dummy', settings: { pos: 'left' } },
            { route: 'home', name: 'home', moduleId: 'home', nav: true, title: 'Home', settings:{pos: 'left', class: 'home' }, auth: true },
        ]);
        this.router = router;    
    }

La maison.ts:

 configureRouter(config: RouterConfiguration, router: Router) {
        config.map([
            { route: ['', 'contract-view/:id'], name: 'contract-view', moduleId: 'contract-view', nav: true, title: 'Contract' },
            { route:  'doc-view/:id', name: 'doc-view', href:'doc-view', moduleId: 'doc-view', nav: true, title: 'Document' },
        ]);

        this.router = router;
        this.router.refreshNavigation();
    }

source d'informationauteur TSR

  1. 7

    Vous avez routeur dans la "maison" configuré avec contract-view/:idsi vous avez besoin this.router.navigate('home/contract-view/10'). Et essayez de supprimer this.router.refreshNavigation() trop

  2. 27

    meilleure solution serait d'utiliser vos nommé les routes que vous avez configuré dans le routeur.

    this.router.navigateToRoute('contract-view', {id: 10});
  3. 0

    Merci @valichek,
    Juste eu à faire this.router.navigate('/home/contract-view/10') pour que cela fonctionne. Extra /, au commencement, fit la différence.