在NativeScript Angular

Question

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

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

那么实现这个的最佳方法是什么？ 我应该只创建10个以上的表单组件，使用通用服务并将每个表单部分路由到另一个表单部分，或者是否有更好的方法来封装＆＃34;这个组件没有任何性能损失？

我还在NativeScript文档中看到过这个..

  

可以将<router-outlet>组件嵌套在<page-router-outlet>或其他组件中   <router-outlet>

但是没有关于如何实现这一点的任何文档。

Answer 1

在ns中有很多种方法可以使用嵌套路由器插座，在一个非常大的项目中，最好使用共享模块架构，这样可以将模块嵌套在另一个模块中，这样视图也可以嵌套。

这是我的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