如何在离子标签之间添加常见内容

How to add common content between ionic tabs

本文关键字：之间 添加 常见内 标签      更新时间：2023-09-26

正如标题所说，我想在离子标签的内容之间添加一些共同的内容（画布）。因此，当用户单击不同的选项卡时，该常见内容应显示在所有选项卡中，所有动态选项卡数据应显示在该选项卡下方。

因此，我尝试通过在ion-nav-view指令上方添加一个ion-view将其添加到基本index.html文件中，并尝试将该常见内容放在该ion-view中。但它没有显示该内容

这是代码

<body ng-app="starter">
    <!-- navigation bar -->
    <ion-nav-bar class="bar-stable">
        <ion-nav-back-button>
        </ion-nav-back-button>
    </ion-nav-bar>
    <!-- I want to display an HTML canvas in all tabs -->
    <ion-view>
        Some content that needs to be show in all tabs
    </ion-view>
    <!-- It gets populated with ionic tabs -->
    <ion-nav-view></ion-nav-view>
</body>

我做错了什么？

这是使用指令的好方案。 我会创建一个指令并将其包含在每个选项卡的所有部分（离子视图）中。 您可以使用全局控制器来操作/向此指令提供数据。

有关指令的更多信息

相关文章：