Angular 11 - Routing不能正常工作

Question

我有一个简单的应用程序，当我在localhost路径工作正常后使用路由直接参数时，但是当我点击不同的路由'test2'时，它能够更改路径(http://localhost:4200/test2)，但页面不重定向到该路由，它仍然在我的项目中的同一页面(主页)。我实际上无法调试正在发生的事情。下面的示例代码

app-routing.module.ts

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { TestComponent } from './test/test.component';
import { Test2Component } from './test2/test2.component';
const routes: Routes = [
{
path: "",
pathMatch: 'full',   
component: TestComponent
},
{
path: ":id",
component: TestComponent
},
{
path: "test2",   
component: Test2Component
},

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

Answer 1

你应该在你的应用组件(bootstrap)中添加router-outlet:

<router-outlet></router-outlet>