Angular 8路由:更改URL无法导航到预期页面

Question

我正在创建一个简单的Angular项目，其中包含两个组件：home和convender。我的 app-routing.module.ts 看起来像这样：

import { NgModule } from '@angular/core';
import { Routes, RouterModule, ActivatedRoute } from '@angular/router';
import { HomeComponent } from './home/home.component';
import { SubmitComponent } from './submit/submit.component';


const routes: Routes = [
  { path: 'home', component: HomeComponent },
  { path: 'submit', component: SubmitComponent },
  { path: '', redirectTo: '/home', pathMatch: 'full' }
];

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

在我的浏览器中，如果我将路径更改为/submit，页面看起来会重新加载，然后默认返回到/home。我已经尝试将路径“”更改为路径:“**”。它不会导航到提交组件。知道我做错了什么吗？

角度 8.2.14 谷歌浏览器

Answer 1

您的路由配置没有任何问题。除此之外，我们没有足够的信息来帮助您查明问题。

当我遇到这个问题时，通常是以下问题之一：

不将AppRoutingModule导入AppModule

缺少<代码>

从这里开始:

检查以确保您正在App.Module中导入审批模块。ts文件。

如果这不是问题所在，请确保您有一个

如果这些都不能解决您的问题，请尝试发布更多信息，以便我们能够进一步帮助您。至少看看你的app.module.ts和app.component.html文件会有所帮助。或者，尝试在stackblitz中重新创建应用程序并发布链接。