如何在离子选项卡之间添加通用内容

Question

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

因此，我尝试通过在 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>

我做错了什么？

Answer 1

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

More about directives

如何在离子选项卡之间添加通用内容

How to add common content between ionic tabs

html

javascript

jquery

tabs

ionic