[英]Angular 6 - RouterLink navigates but not changing URL
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-routing.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 { }
app.module.ts
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 })],
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.