angular - Angular 2中的routerLink显示为纯文本

我在《角度2》中遇到了RouterLink的问题。
我正在与visual studio 2015合作，试图创建一个带有路由概念的spa。
使用[RouterLink]单击锚定标记时，它应该将我重定向到特定页面，但锚定标记不可单击-它显示为纯文本。
母版页.html-

Left menu headers footers
<a [routerLink]="['Supplier']">Supplier</a>
<a [routerLink]="['Customer']">Customer</a><br />
<div>
    <router-outlet></router-outlet>
</div>

路由.ts-

import {Component} from '@angular/core';
import {CustomerComponent} from '../Binder/CustomerComponent';
import {SupplierComponent} from "../Binder/SupplierComponent";

export const ApplicationRoutes = [
{ path: 'Customer', component: CustomerComponent },
{ path: 'Supplier', component: SupplierComponent }
];

应用程序模块-

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { CustomerComponent }   from './CustomerComponent';
import {FormsModule} from "@angular/forms"
import {GridComponent} from "./GridComponent"
import { MasterPageComponent }   from './MasterPageComponent';
import { SupplierComponent }   from './SupplierComponent';
import { RouterModule } from '@angular/router';
import { ApplicationRoutes } from './Routing';

@NgModule({
imports: [
RouterModule.forRoot(ApplicationRoutes),
BrowserModule,
FormsModule],
declarations: [
CustomerComponent,
SupplierComponent,
MasterPageComponent],
bootstrap: [MasterPageComponent]
})
export class MainModuleLibrary { }

如果你需要我更多的细节，请告诉我。提前谢谢。

最佳答案

用斜线作为链接的前缀：

<a [routerLink]="['/Supplier']">Supplier</a>
<a [routerLink]="['/Customer']">Customer</a><br />
<div>
    <router-outlet></router-outlet>
</div>

关于angular - Angular 2中的routerLink显示为纯文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41483573/