NativeScriptでマルチページフォームを作成する最良の方法Angular

Question

初めてのNativeScript Angularアプリケーションを作成中です。複数の画面にまたがる必要があるフォームから構成されています。 私は創造的で、TheOriginalJosh/nativescript-slidesを使ってフォームページをスライドに追加しようとしました。私は各フォームページにスムーズにスライドすることができたので、これは実際に美しく機能しました。

しかし、フォームコンポーネントに最初に移動するときに問題が発生し始めたため、ロードに数秒かかることがありました。私はフォームが各スライドの複数のGridLayoutsを持つ10ページにわたるため、これが起こっていると仮定しています。私はTabViewを使用することを考えたが、私はそれのメニュー部分を必要としませんでした、そして、私はそれが読み込み速度と同じ問題を引き起こすのではないかと心配しています。

これを実装する最善の方法は何ですか？ 10種類以上のフォームコンポーネントを作成するだけで、ユニバーサルサービスを使用して各フォームパートを別のコンポーネントにルーティングするか、これをパフォーマンス低下なしに1つのコンポーネントに「カプセル化」する方法がありますか？

私も

It is possible to nest <router-outlet> component inside <page-router-outlet> or another <router-outlet>

。これについてNativeScriptのドキュメントで見たが、これを実装する方法上の任意のドキュメントはありません。

Answer 1

nsでネストされたrouter-outletを使用する方法はたくさんありますが、非常に大きなプロジェクトでは、共有モジュールアーキテクチャを使用してモジュールを別のモジュールにネストすることができます。ここで

は、ネストされた使用して、共有モジュールアーキテクチャと私のnativescriptサンプルです：プロファイルの

はapp.componentにネストされています。親ビューで

：childviewで https://github.com/Arthurisme/auth0-iosmorphic/blob/master/Mobile/Nativescript-for-Spring-Auth0/app/app.component.ts

： https://github.com/Arthurisme/auth0-iosmorphic/blob/master/Mobile/Nativescript-for-Spring-Auth0/app/profile/profile.component.html