在 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 中。
我正在创建我的第一个 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 中。