首先，我们需要生成一个新的全局服务提供者。这是通过使用providedIn:'root'属性在ionic4中默认为我们完成的。例如
image.png
接下来我创建一个名为TabsService的全局服务，新服务提供商名为tabs.service.ts。接下来，我们需要将该服务导入到我们的app.modules.ts提供程序数组中，并将其导入到我们的构造函数中的app.component.ts文件中。
app.modules.ts：
image.png
app.component.ts：
image.png
接下来就是书写TabsService里面的业务逻辑了，在构造函数中，您应该导入路由器和平台提供者，如下所示：
image.png
现在，我们将继续并连接上面的函数navevents，它将为我们处理导航事件。这是一个非常简单的函数，实际上只是router.events订阅的容器。
image.png
现在我们应该创建函数showHideTabs（）。这是根据我们导航到的页面来处理选项卡是显示还是隐藏的。
image.png
创建hideTabs（）和showtabs（）函数。这里就是显示和隐藏了
image.png
然后再html页面获取元素
image.png
这样就可以自定义隐藏tabs和显示tabs标签了，以上的写法不够有弹性，有时间再慢慢优化，但是功能是可以实现的。如有更好的写法，可以再下方评论，关注我，关于ionic4的问题，接来会有更多的更新。
网友评论