2

共有モジュールからコンポーネントに生成されたルーティング リンクに問題があります。

これがプランカーです。

ナビゲーション メニューには 3 つのリンクがあります。「情報」をクリックすると、ページが正しく表示され、 Healthへのリンクがあるはずです。ただし、Angular はテンプレートを解析せず、<a>属性が追加されていないタグが存在しますhref。

同じhtmlコード

<a routerLink="/health">Health</a>

メニュー (正しく動作する場所) とLandingComponentテンプレートの両方で使用されます。

両方のリンクを機能させるには、何をどこにインポートすればよいですか?

4

2 に答える 2

1

これは機能しますが、回避策としては、Dmitry Nehaychik の回答が正しいです。

import { Component, Input } from '@angular/core';
import { Router } from '@angular/router';
@Component({
    selector: 'landing',
    template: `
<div class="fgnp-panel">
    <h1>Page: {{pageTitle}}</h1>
    <a link (click)="router.navigate(['/Health'])" routerLinkActive="active">Health</a>
</div>`,
    styles: [`  a:link {text-decoration: none; color: blue;}a:visited {color: #EE9A00;}
                a:hover { text-decoration: underline;cursor: pointer;}`]
})
export class LandingComponent {
    @Input()
    pageTitle: string = '';

    constructor(private router: Router) { }
}
于 2016-08-31T14:20:03.863 に答える