2017-12-30 35 views
-4

私のプロジェクトでは、この例題をAngle 4で実行しようとしています。 URLを変更する方法https://angular.io/tutorial/toh-pt5#add-routesURLは変更されますが、ルーティング角4のまま同じページに表示されますか?

enter image description here

が、それでも同じページに

+0

ここにあなたのコードをポスト\ – Sajeetharan

+0

がどのようにURLを変更したいのですか?ブラウザのURLバーで手動で、またはリンクをクリックするか、コードから –

+0

私はまだコードを持っていません 私はそれを行う方法を知りたいです 私にチュートリアルを提供することができますか? – salim

答えて

1

ハハ、よくこれは大きな問題ではありません。

チュートリアルを読んだことがありますか?はいの場合、問題は何ですか?

CONSTルート:

  1. あなたはRouteオブジェクトのあなたRoutesアレイを構成する必要がルート= [ {パス: 'lazysalim'、成分:LazySalimComponent} ]。

Path URLにルートを表す文字列であるとcomponentは、あなたがたときに、このURLに表示する関連するコンポーネントです。

  • forRoot方法を介して(おそらくapp.module.ts)インポートモジュールに追加

      輸入:[ ...、 RouterModule.forRoot(ルート) ]

    1. テンプレートに<router-oultet></router-oultet>を追加する必要があります。これはアンカーとして機能し、一致するURLに関連付けられたコンポーネントがこのアンカーの下に表示されます。

    2. これらのパスへのナビゲーションには、ボタンなどが必要です。 <a [routerLink]="['lazysalim']">You'll be navigated to url/lazysalim</a>をボタンとして使用できます。またはthis.router.navigate(['lazysalim'])

    私はそれはあなたのためにあまりにも長くはありません願っています:

  • 関連する問題