Я новичок в Angular и изучаю https://www.youtube.com/watch?time_continue=1223&v=5wtnKulcquA учебник.
Я знаю, что пытаюсь запустить перед сканированием, но не могу понять, как работает импорт routerLink. Согласно тестированию ng serve, мои объявления об импорте верны, и я считаю, что проблема в том, что мне не хватает знаний о путях маршрутизации или фактических связях маршрутизации. Я пытался манипулировать путями, но ничего не работает.
Может кто-нибудь объяснить мне, что мне не хватает?
Моя структура каталогов:
app
launcher
header
content (where routerOutlet is located)
welcome
about
projects
client
contact
footer
portal
...
My navigation links in the header folder:
<header>
<div class="container">
<a routerLink="/" class="logo">{{pageTitle}}</a>
<nav>
<ul>
<li><a routerLink="/">Home</a></li>
<li><a routerLink="/about">About</a></li>
<li><a routerLink="/projects">Projects</a></li>
<li><a routerLink="/client">Client</a></li>
<li><a routerLink="/contact">Contact</a></li>
</ul>
</nav>
</div>
В моем app-routing.module.ts:
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { WelcomeComponent } from './launcher/content/welcome/welcome.component';
import { AboutComponent } from './launcher/content/about/about.component';
import { ProjectsComponent } from './launcher/content/projects/projects.component';
import { ClientComponent } from './launcher/content/client/client.component';
import { ContactComponent } from './launcher/content/contact/contact.component';
const routes: Routes = [
{ path:'', component: WelcomeComponent },
{ path:'', component: AboutComponent },
{ path:'', component: ProjectsComponent },
{ path:'', component: ClientComponent },
{ path:'', component: ContactComponent },
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }