Question

我正在提供指向我的GitHub代码库的链接。其简单的路由代码，但什至不会显示Home组件。我找不到这出了什么问题。请帮我。请在app-routing.module.ts和app.component.html

中进行连接

https://github.com/sireeshap/besty/blob/master/src/app/app.component.html

app.component.html

<header>
<div class='container'>
<a href='#' routerLink='/' class='logo'>Ethics & Habits</a>
 <nav>
   <ul>
  <li><a herf='#' routerLink='/' routerLinkActive="active">Home</a> .</li>
  <li><a  routerLink='/about' routerLinkActive="active">About</a></li>
  <li><a herf='#' routerLink='/vision' routerLinkActive="active">Vision</a></li>
  </ul>
</nav>
</div>
</header>

  <div class='container'>
   <router-outlet></router-outlet>
  </div>

app-routing.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { AppHomeComponent } from './app-home/app-home.component';
import { AppVisionComponent } from './app-vision/app- vision.component';
import {AppAboutComponent} from './app-about/app-about.component';

const routes: Routes = [
  {path : ' ',  redirectTo: '/home', pathMatch: 'full' },
  {path : 'home', component : AppHomeComponent},
  {path : 'about ',  component : AppAboutComponent, pathMatch: 'full'},
  {path : 'vision',  component : AppVisionComponent}
 ];

@NgModule({
 imports: [RouterModule.forRoot(routes, { enableTracing: true })],
  exports: [RouterModule]
    })
export class AppRoutingModule { }

Answer 1

很抱歉提出这个直率的问题。在app-routing.module.ts

中的路径之前添加了额外的空间

此路由代码有什么问题-Angular 8

1 个答案: