Angular 7: Непонимание того, как маршрутизатор Link импортирует - PullRequest
0 голосов
/ 08 ноября 2018

Я новичок в 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 { }

1 Ответ

0 голосов
/ 08 ноября 2018

решаемая. Я пытался следить за видео и пропустил, когда инструктор ввел спецификации пути. Заполнено и исправлено. Спасибо.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...