Ionic 3プロジェクトでangular 4 routerを使用するには？

Question

私はハイブリッドアプリを開発しています。イオンのナビゲーションルータでは、ページ間を移動するのは簡単ですが、ブラウザの「URLパス」は使用しません。

ionicModuleでリンクを指定できることがわかりました。あなたがどこかをナビゲートするたびにそれを使用すると、関連するパスを指定することができ、イオンはブラウザ上でそれを変更します。しかし、それを使用して、ブラウザをリフレッシュするとアプリが失われ、ホームページに戻る必要があります。

私は単純に角度ルータを使用することができると思ったが、どのようにイオン3？

ありがとう

Answer 1

まず、あなたのコメントでionic-native v3を参照しています。しかし、イオン性とイオン性は同じではありません。あなたの質問にIonic v3が正式にリリースされなかったので、ベータ版を使用していない限り、あなたはまだv2を使用していると思います。

URLパスに角度ルータは不要です。イオンv2のでは、あなたがそのようにそれを行うことができます。

app.module.ts

export const deepLinkConfig: DeepLinkConfig = { 
    links: [ 
    { component: Home, name: "home", segment: ""}, 
    { component: DetailPage, name: "detail", segment: "event/:id", defaultHistory: [Home] } 
    ] 
}; 

してからの輸入にそれを含める：

IonicModule.forRoot(MyApp, {}, deepLinkConfig) 

を今、あなたのページにアクセスすることができますアプリはhttps://example.com/またはhttps://example.com/event/1にアクセスしてください。ウェブサイトをリロードするときは、defaultHistoryのパラメータで、ナビゲーションバーを使用して前のページに戻ることができます。

イオンv3では、あなたはあなたのルートを設定するIonicPageアノテーションを使用することができます。https://ionicframework.com/docs/nightly/api/navigation/IonicPage/