在 NativeScript 中创建多页表单的最佳方法是什么 Angular

What is the best way to create a multipage form in NativeScript Angular

我正在创建我的第一个 NativeScript Angular 应用程序,它包含一个需要跨越多个屏幕的表单。 我试着发挥创意,使用 TheOriginalJosh/nativescript-slides 将表单页面添加到幻灯片中。这实际上很漂亮,因为我能够顺利地滑动到每个表单页面。

但是当最初导航到表单组件时开始出现问题,因为它开始需要几秒钟来加载。我假设发生这种情况是因为表单跨越 10 页,每张幻灯片中都有多个 GridLayouts。我考虑过使用 TabView,但我不需要它的菜单部分,我担心它会导致加载速度出现同样的问题。

那么实现这个的最佳方法是什么? 我应该只创建 10 个以上的表单组件,使用通用服务并将每个表单部分路由到另一个表单部分,还是有更好的方法 "encapsulate" 将其集成到一个组件中而不会造成任何性能损失?

我也在 NativeScript 文档中看到了这个..

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

但是没有关于如何实现它的任何文档。

在ns中嵌套router-outlet的方式有很多种,在一个非常大的项目中,最好使用共享模块架构,这样可以让一个模块嵌套在另一个模块中,这样视图也可以嵌套。

这是我使用共享模块架构嵌套的 nativescript 示例:

中的配置文件嵌套在 app.component 中。

在父视图中: 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