使用Stencil.js路由器

时间:2018-02-06 23:15:48

标签: routing navigation stenciljs

我想分别在页面的底部和顶部实现带有标签和工具栏的Web应用程序。

  1. 我认为在所有带标签栏的页面中,标签栏应该是同一个,我的意思是相同的代码。而且那些工具栏也可能是同一个。

  2. 工具栏上会有按钮,单击时会有一个没有标签的整个页面视图,但是再次带有一个带有后退按钮和其他几个按钮的工具栏。这个工具栏可能是另一个,我很好。

  3. 入口点路线'/'应显示第一个标签页,就像点击它一样。

  4. 问题是我无法妥善处理所有这些问题:

    当我拿到一个我松开另一个。当我得到一个共享标签栏和一个主工具栏时,我仍然可以有2个,因为我没有在选项卡视图中嵌套此视图的路径,但是,我松散3并且它显示一个空页面而不是带有第一个标签的那个页面共享选项卡栏和主工具栏我将选项卡视图嵌套在具有共享选项卡栏和工具栏的另一个路径视图中。

    当我没有将标签栏路线嵌套在路线中时,我松开了共享标签栏和工具栏。而且,我从主工具栏导航的页面中找到了我不想要的标签栏。

    我在我的项目中使用Stencil.js编译器及其路由器附加组件。我不能使用新的Ionic(verison 4),因为它还没有测试版,也不清楚如何使用导航给我。

    这些问题似乎引起了路由器使用路由元素的url属性嵌套路由而不是嵌套路由元素的事实。

    如何使用共享标签栏,工具栏和视图处理Web应用程序的正确导航模式,而不会自动获取整个屏幕?

0 个答案:

没有答案