Question

在应用程序中，我希望在操作中导航到home/contract-view/10。试过

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

以Route home/contract-view not be found

失败

另一次尝试：

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

以Route not found: contract-view(…)失败怎么做到这一点？ 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;    
    }

Home.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();
    }

Answer 1

首选解决方案是使用您在路由器中配置的命名路由。

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

Answer 2

你有家里的路由器＆＃39;配置了contract-view/:id，因此您需要this.router.navigate('home/contract-view/10')。并尝试删除this.router.refreshNavigation()

Answer 3

谢谢@valichek，只需要让type让它工作。开头的额外this.router.navigate('/home/contract-view/10')产生了不同。

Aurelia路由器导航＆amp; navigateToRoute

3 个答案: