ionic4---在某些页面上隐藏和显示选项卡

首先，我们需要生成一个新的全局服务提供者。这是通过使用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的问题，接来会有更多的更新。