2017-07-10 16 views
0

私はangular2を初めて使っています。どのようにangular2の1つのページから別のページにナビゲートする?私はそのためにルータアウトレットを使用しています。あるコンポーネントと別のコンポーネントとの間をリダイレクトするだけですが、ドロップダウンアイテムをクリックするとホームページから別のリダイレクトに移動したいのですが、ページルーターを使用する必要がありますか?もしそうなら、それを使う方法とnativescriptとallをインストールする方法。返信をお寄せいただきありがとうございます。angular2の1ページから別のページへナビゲートする方法

+1

あなたは達成しようとしていることをいくつかの例を追加することができますか?[良い質問をする方法](https://stackoverflow.com/help/how-to-ask)ドキュメンテーション](https://angular.io/guide/router)のAngular official docs、乾杯! –

答えて

0

私が使用していますapp.route.ts app.component.htmlで

import { Routes } from '@angular/router'; 
import { HomeComponent } from './home.component'; 
import { AboutComponent } from './about.component'; 

export const routes: Routes = [ 
    { path: 'home' , component: HomeComponent,pathMatch: 'full' }, 
    { path: 'about', component: AboutComponent } 
]; 

は、私は、ルータを設定しているapp.module.tsで

<ul> 
<li id="home"><a [routerLink]="['/home']" >Home</a> </li> 
<li id="about"><a [routerLink]="['/about']" >About</a></li> 
</ul> 
<router-outlet></router-outlet> 

を持っています。 ホームハイパーリンクをクリックすると、app.component.htmlページにのみルーティングされます。新しいページに行くたびに、別のページとapp.component.htmlへのリダイレクトは常にページの上部に表示されます。 新しいページにapp.component.htmlを表示せずに新しいページにルーティングする方法。

関連する問題