Aurelia router điều hướng & điều hướngToRoute

Question

Trong app.ts Tôi đang tìm cách điều hướng đến home/contract-view/10 trên một hành động. Cố gắng

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

không thành công với Route home/contract-view not be found

Một thử:

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

không thành công với Route not found: contract-view(…) Làm thế nào để đạt được điều này? 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

Bạn có router trong 'nhà' cấu hình với contract-view/:id, vì vậy bạn cần this.router.navigate('home/contract-view/10'). Và cố gắng xóa this.router.refreshNavigation() quá

Answer 2

Cảm ơn @valichek, Chỉ phải làm cho nó this.router.navigate('/home/contract-view/10') để hoạt động. Thêm / vào lúc bắt đầu tạo sự khác biệt.

Answer 3

giải pháp ưu tiên sẽ là sử dụng các tuyến đường được đặt tên mà bạn đã định cấu hình trong bộ định tuyến.

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