Перегрузка страницы на детскую маршрутизацию

Question

Использование Angular 2 Router. У меня есть маршрут 2 уровня (root routing и child routing]

Моя проблема заключается в том, что при переходе к ребенку маршруту страница перезагрузки после ребенка загружается.

уровень ребенка маршрутизации

const childRoutes: Routes = [ 
    { 
    path: '', 
    component: BaseComponent, 
    children: [ 
      { 
      path: '', 
      component: DetailsComponent 
      }, 
      { 
       path: 'other', 
       component: OtherComponent 
      } 
     ] 
    } 
]; 

export const childRouting = RouterModule.forChild(childRoutes); 

верхнего уровня маршрутизации

const appRoutes: Routes = [ 
    { 
     path: '', 
     redirectTo: '/overview', 
     pathMatch: 'full'}, 
    { 
     path: 'overview', 
     component: OverviewComponent}, 
    { 
     path: 'sub', 
     //This is the module which the childRoutes belongs to. 
     loadChildren: 'app/components/sub.module#SubModule' 
    } 
]; 

export const appRoutingProviders: any[] = []; 

export const routing = RouterModule.forRoot(appRoutes); 

вызова для навигации от DetailsComponent

export class DetailsComponent implements OnInit { 
    constructor(private router: Router) { } 

    ngOnInit() { } 

    onSubmit() { 
     this.router.navigate(['/sub/other']) 
    } 
} 

p.s

Я пытаюсь сохранить этот вопрос короткий, так что если больше кода нужно, пожалуйста, дайте мне знать, и я с удовольствием его добавить.

Answer 1

Это связано с поведением браузера по умолчанию. Либо вызовите preventDefault(), либо возвратите false в обработчик события или добавьте type="button", чтобы предотвратить поведение по умолчанию для отправки сообщения.