2017-05-18 21 views
2

私はionic2を初めて使用しています。純粋な角度ルーティングと比較してルーティングに奇妙なものがあります。角度で:角度ルーティングとIonicルーティング

const appRoutes: Routes = [ 
    { path: 'crisis-center', component: CrisisListComponent }, 
    { path: 'hero/:id',  component: HeroDetailComponent }, 
    { 
    path: 'heroes', 
    component: HeroListComponent, 
    data: { title: 'Heroes List' } 
    }, 
    { path: '', 
    redirectTo: '/heroes', 
    pathMatch: 'full' 
    }, 
    { path: '**', component: PageNotFoundComponent } 
]; 

@NgModule({ 
imports: [ 
    RouterModule.forRoot(appRoutes) 
    // other imports here 
], 

Routesの定数を渡します。

イオン性のもの(sidemenu)では、それらはコンポーネントをforRoot関数に渡します。

import { MyApp } from './app.component'; 
imports: [ 
    BrowserModule, 
    IonicModule.forRoot(MyApp), 
], 

+2

http://ionicframework.com/docs/api/navigation/NavController/ –

答えて

7

IonicはURLルートをサポートしていません。代わりに、カスタムナビゲーションソリューション - NavController(surajによってリンクされています)を実装しています。 NavControllerはページのスタックを保持しています。ページをスタックにプッシュすると、ページがthis.nav.push(Page1);にプッシュされ、移動するとthis.navCtrl.pop();がポップします。 このようにブラウザのURLは常に同じで、アプリケーションは常にホームページで開きます。これはモバイルアプリケーションの動作に似ています。特定のリソース(url myapp/items/1を開く場合など)に直接アクセスできるようにするには、deep linking pluginを使用する必要があります。

関連する問題