2017-03-17 10 views
0

私はまだ開発中のionic2アプリにルーティングを設定しようとしていました。私は全くルーティングの概念に慣れていません。私が行ったことは、NavCtrl.push()またはNavCtrl.setRoot()に基づいています。Angular2、ionic2:angular2 finalでルーティングを正確に実装する方法は?

しかし、公式サイトのコードに従うと、https://angular.io/docs/ts/latest/guide/router.htmlです。アプリの実行中にいくつかのエラーが発生しました。ここではルーティング用に作成したapp.routing.tsファイルを示します。

import { Routes, RouterModule } from '@angular/router'; 
import { Contest } from '../pages/contest/contest'; 


export const appRoute: Routes = [ 
    { path: '', redirectTo: 'Contest', pathMatch: 'full' }, 
     { path: 'Contest', component: Contest} 
] 

export const appRouting = [ 
    RouterModule.forRoot(appRoute) 
]; 

このステートメントをapp.component.tsにインポートし、コンストラクタに挿入しました。私は、次のステートメントをインポートしても@ngModule

import { RouterModule, Routes } from '@angular/router'; 
import {appRouting} from './app.routing'; 

imports: [appRouting, 
IonicModule.forRoot(MyApp) 

内部の輸入にそれらを設定app.module.tsで

import { Router } from '@angular/router'; 

constructor(public platform: Platform,protected _router: Router) { 
this.initializeApp(); 

]

私は私のアプリで<router-outlet></router-outlet> を置きます。 html file.Onを実行しようとすると、次のエラーが表示されます。

ランタイムエラー: WEBPACK_IMPORTED_MODULE_0__angular_core .Versionはコンストラクタ

活字エラーではありません。 モジュール ' "C:/ユーザー/ Impromptu_coder/DEM/node_modules/@角度/コア/インデックス"' いいえ輸出していますメンバー 'NgProbeToken

Typescriptエラー: モジュール' C:/ Users/Impromptu_coder/dem/node_modules/@ angular/core/index ''エクスポートされたメンバ 'Version'がありません。

私はionic2とangular2でのルーティングについてインターネット上の多くの情報源を使いましたが、そのほとんどは推奨されていないようです。

Ionic2:ここで私が使用している

現在のバージョンはv2.2.1

NPM:3.10.10

コルドバ:6.5.0

Angular2:最終リリースRC5

私のアプリでルーティングを設定する正確な手順は何か教えてください。依存関係をインストールする必要はありますか?

+0

1)Ionic2 2.2.1は角度2.4.9を使用しており、角度rc5を使用しています。 2)Ionicは、angle2ルーティングと同じではない独自のルーティングを使用しています。 – misha130

答えて

0

あなたは依存関係がイオン性の変更ログに指定されているものに応じて設定されていることを確認します:あなたは、イオン2アプリで角度ルーティングを使用する理由はあり https://github.com/driftyco/ionic/blob/master/CHANGELOG.md

?イオン2ナビゲーションシステムは非常に直観的で角度の角度とはまったく異なります。あなたがそうしなければならない非常に実際の必要性を定義することができない限り、私はイオン航法で造られたものをつけることを勧めます。あなたが好奇心から角度ナビゲーションを使用しようとしていない限り。その場合は、最新の依存関係を取得してもう一度試してみてください。

+0

ありがとうございました。私はそれがルーティングよりもナビゲーションに固執する方が良いことを認識しました。私がルーティングを使用したかった唯一の理由は、URLを介してパラメータを渡すことでした。 DOMのパラメータ(つまり、ユーザーが入力したもの)のイベントを、ユーザーが入力したパラメータのデータを取得するためのサービス呼び出しを行う別の.tsページに送信するにはどうすればいいですか? –

+0

あなたはそれについてここで読むことができますhttp://ionicframework.com/docs/v2/api/navigation/NavController/そしてここhttp://ionicframework.com/docs/v2/api/navigation/NavParams/ –

関連する問題