Javascript 如何在ionic选项卡之间添加常用内容_Javascript_Jquery_Html_Tabs_Ionic

Javascript 如何在ionic选项卡之间添加常用内容

javascript jquery html tabs

Javascript 如何在ionic选项卡之间添加常用内容,javascript,jquery,html,tabs,ionic,Javascript,Jquery,Html,Tabs,Ionic,正如标题所说，我想在ionic选项卡的内容之间添加一些公共内容（画布）。因此，当用户单击不同的选项卡时，公共内容应该显示在所有选项卡中，所有动态选项卡数据都应该显示在下面因此，我尝试通过在ionnav view指令上方添加ionview来将其添加到baseindex.html文件中，并尝试将该公共内容放在ionview中。但它并没有显示这些内容这是密码 <body ng-app="starter">  &l

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

因此，我尝试通过在

ionnav view

指令上方添加

ionview

来将其添加到base

index.html

文件中，并尝试将该公共内容放在

ionview

中。但它并没有显示这些内容

这是密码

<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>


需要在所有选项卡中显示的某些内容

我做错了什么？

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

离子视图

应该是

离子导航视图

的子视图，请参阅