我想分别在页面底部和顶部实现一个带有选项卡和工具栏的 Web 应用程序。
我认为在所有带有标签栏的页面中，标签栏应该是相同的，我的意思是相同的代码。而且那些工具栏也可能是同一个。
工具栏上会有按钮，单击时将有一个没有选项卡的整个页面视图，但再次带有一个带有后退按钮和其他几个按钮的工具栏。这个工具栏可能是不同的，我可以接受。
入口点路由
'/'应该显示第一个选项卡的页面，就好像它被单击一样。
问题是我无法正确拥有所有这些：
当我得到一个时，我会松开另一个。当我得到一个共享选项卡栏和一个主工具栏时，我仍然可以拥有 2，因为我没有在选项卡视图中嵌套这个视图的路线，但是，我松开了 3，它显示了一个空页面，而不是第一个选项卡的页面共享标签栏和主工具栏 我将标签视图嵌套在另一个具有共享标签栏和工具栏的路由视图中。
当我不在路由中嵌套标签栏路由时，我会松散共享标签栏和工具栏。而且我还得到了我不想得到的标签栏，在从主工具栏导航的页面内。
我在我的项目中使用 Stencil.js 编译器及其路由器插件。我不能使用新的 Ionic（版本 4），因为它是测试版，并且不清楚如何使用导航给我。
这些问题似乎是由于路由器使用路由元素的 url 属性嵌套路由而不是嵌套路由元素这一事实引起的。
如何为具有共享标签栏、工具栏和视图的 Web 应用程序处理正确的导航模式，而无需它们本身获得整个屏幕？