2番のrouterLinkで問題が発生しました。 私はVisual Studio 2015でルーティングコンセプトのSPAを作成しようとしています。 [routerLink]でアンカータグをクリックすると、特定のページにリダイレクトされますが、アンカータグはクリックできません。プレーンテキストとして表示されます。2番のrouterLinkがプレーンテキストで表示
MasterPage.html-
Left menu headers footers
<a [routerLink]="['Supplier']">Supplier</a>
<a [routerLink]="['Customer']">Customer</a><br />
<div>
<router-outlet></router-outlet>
</div>
Routing.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 }
];
app.module-
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" routerLinkActive="active">Supplier</a>
<a routerLink="/Customer" routerLinkActive="active">Customer</a>
<router-outlet></router-outlet>
EDIT:
試みは: 'Supplier'おそらく同様Supplier' 'の前に=> '「/サプライヤー」'のは、直接このリンクを行い – Alex
をslahsを追加しますto - '' ../Binder/CustomerComponent''?それはフォルダーか 'Binder'は2つのコンポーネントを持つフォルダーですか? 'CustomerComponent'と' SupplierComponent'? –
@LavanyaM、あなたのコードに存在するものがすべてあることを確認するために、私の答えを更新しました。 – Alex