Angular 角度6-RouterLink导航但不更改URL
app.component.htmlAngular 角度6-RouterLink导航但不更改URL,angular,angular-cli,angular-router,routelink,Angular,Angular Cli,Angular Router,Routelink,app.component.html <nav> <a routerLink="/dashboard"></a> <a routerLink="/reports"></a> <nav> <main role="main" class="page-container"> <router-outlet></router-outlet> </main> app.module
<nav>
<a routerLink="/dashboard"></a>
<a routerLink="/reports"></a>
<nav>
<main role="main" class="page-container">
<router-outlet></router-outlet>
</main>
app.module.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { DashboardComponent } from './dashboard/dashboard.component';
import { ReportsComponent } from './reports/reports.component';
const routes: Routes = [
{ path: 'dashboard', component: DashboardComponent },
{ path: 'reports', component: ReportsComponent },
{ path: '',
redirectTo: '/dashboard',
pathMatch: 'full'
}];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { DashboardComponent } from './dashboard/dashboard.component';
import { ReportsComponent } from './reports/reports.component';
@NgModule({
declarations: [
AppComponent,
DashboardComponent,
ReportsComponent
],
imports: [
BrowserModule,
AppRoutingModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {
}
通过上面的代码,我看到在点击导航链接时,我能够导航到相应的组件,但由于某些原因,URL并没有得到更新
不确定我是否遗漏了一些基本的东西。请提供帮助。如果您正在运行混合应用程序(带升级模块),请将useHash添加到路由器配置中
imports: [RouterModule.forRoot(routes, { useHash: true, enableTracing: true })],
它按预期工作,顺便问一下,您在哪里使用
?您的代码似乎没有问题@Anshuman Jaiswal-用的用法更新了帖子。如果它按预期工作,我应该怎么做才能更改URL?@balachanderj更改URL的是什么意思?它已被更改。您要检查哪个URL?浏览器URL?它很好用。我能麻烦你解释一下它到底是做什么的,以及为什么它是必要的吗?“小心巧合编程”!