Блог

Я новичок в Angular и пытаюсь создать несколько маршрутов внутри модуля. У меня определен маршрут модуля, и он работает должным образом, т. Е. На моей домашней странице я могу щелкнуть этот маршрут модулей ‘localhost: 4000 / module_name’, и он отобразит это представление.

Внутри этого модуля у меня есть множество компонентов, и я пытаюсь настроить маршруты, которые в конечном итоге будут выглядеть как ‘localhost: 4000 / module_name / component_name’. Но по какой-то причине я продолжаю получать страницу, которая не найдена.

В настоящее время выглядит так:

 testModule (dir):
   testModule-routing.module.ts
   testModule.component.html
   testModule.component.ts
   testModule.module.ts
   testComponent (dir)
      testComponent.component.html
      testComponent.component.ts
 

 testModule-routing.module.ts:

const routes: Routes = [
  {
    path: 'test_module',
    component: testModuleComponent,
    children: [
      { path: 'test_component', component: testComponentComponent },
    ]
  }
];

 

 testModule.component.html:

<div>
   <a routerLink="test_component">test</a>
</div>
 

Я думаю, что это должно гипотетически работать? Но я продолжаю получать страницу, которая не найдена.. Буду признателен за любую помощь.

Может быть, попробовать заключить routerLink в квадратные скобки.

 <div>
   <a [routerLink]="test_component">test</a>
</div>
 

Я новичок в Angular, но вот как я это делаю.