Angular 2 – 无法直接使用URL导航到路由

前端之家收集整理的这篇文章主要介绍了Angular 2 – 无法直接使用URL导航到路由前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在angular 2项目中设置了一些路由.这对我来说从来都不是问题,但是我对这个角度较新的版本有困难.

如果我点击链接到路线我没有问题.但是,如果我去除我的根目录以外的任何路线(/),我的应用程序将被卡在加载屏幕上.每当我尝试通过网址进入/登录时,我都会卡住..

相关文件

app.routes.ts

import { ModuleWithProviders }  from '@angular/core';
import { Routes,RouterModule } from '@angular/router';
import { DashboardComponent } from './dashboard/dashboard.component'
import { LoginComponent } from './login/login.component'

import { AuthGuard } from './auth-guard.service'

const appRoutes: Routes = [
  { path: '',component: DashboardComponent},{ path: 'login',component: LoginComponent },]

export const appRoutingProviders: any[] = [

];

export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes)

app.module.ts

@NgModule({
  declarations: [
    AppComponent,LoginComponent,DashboardComponent
  ],imports: [
    BrowserModule,FormsModule,HttpModule,routing,StoreModule.provideStore({user})
  ],providers: [
    AuthGuard,AuthService,appRoutingProviders
  ],bootstrap: [AppComponent]
})
export class AppModule { }

app.component.html

<div id="header">
    <img src="app/assets/img/irs-logo.png" alt="irs">
</div>  
  <nav>
    <a routerLink="/login" routerLinkActive="active">login</a>
    <a routerLink="/" routerLinkActive="active">dashboard</a>
  </nav>

<div id="body" class="container body">
  <router-outlet></router-outlet>
</div>

还有什么我可能会在这里失踪?

在这个阶段,我的组件几乎都是空壳

解决方法

我没做什么工作.

我按照这里的步骤:
https://github.com/angular/angular-cli#updating-angular-cli

似乎已经修复了一切

猜你在找的Angularjs相关文章