小编Var*_*Var的帖子

我正在使用angular5创建一个应用程序，并表示4.16。我在主页上有锚标记，单击该锚时应呈现另一个组件（应将其重定向到该URL），但仅URL会更改。

所需的代码如下。

app-routing.module.ts

  import { NgModule }  from '@angular/core';
  import { RouterModule, Routes } from '@angular/router';
  import { AppComponent }   from './app.component';
  import { TestComponent }   from '../test/test.component';


  const routes: Routes = [
    { path: '', redirectTo: '/', pathMatch: 'full' },

    { path: 'Test', component: TestComponent }

  ];

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

app.component.ts

    import { Component } from '@angular/core';
    // Import the DataService
    import { DataService } from './data.service';

    @Component({ …