Angular 角度8路由:更改URL不会';无法导航到所需页面
我正在创建一个包含两个组件的简单角度项目:home和submit。我的应用程序路由.module.ts如下所示:Angular 角度8路由:更改URL不会';无法导航到所需页面,angular,browser,url-routing,Angular,Browser,Url Routing,我正在创建一个包含两个组件的简单角度项目:home和submit。我的应用程序路由.module.ts如下所示: import { NgModule } from '@angular/core'; import { Routes, RouterModule, ActivatedRoute } from '@angular/router'; import { HomeComponent } from './home/home.component'; import { SubmitComponent
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
Google Chrome您的路由配置没有任何问题。除此之外,我们没有足够的信息来帮助您确定您的问题 当我被问及这个问题时,通常是以下问题之一:
head
元素中缺少
,所以我们现在将忘记这个
从这里开始:
检查以确保正在App.Module.ts文件中导入您的AppRoutingModule
如果这不是问题所在,请确保在父组件中有
元素(基于应用程序的简单性,可能是app.component.html)。角度路由器搜索与URI匹配的路由,并将路由配置中指定的组件实例注入到组件树中较高的最近的路由器出口中。换句话说,如果没有路由器出口
,角度路由器不知道在何处渲染在路由配置中指定的组件
如果这两个都不能解决您的问题,请尝试发布更多信息,以便我们能够进一步提供帮助。至少可以查看app.module.ts和app.component.html文件。或者,尝试在中重新创建应用程序并发布链接。您在浏览器控制台中是否看到任何错误?否。您是否在index.html标题中添加了
?是。我确实在index.htmlh中有它。你的应用程序路由模块看起来怎么样?请分享更多细节。