Question

我创建了带有标签的新应用。我想要标签下方的标题栏。怎么弄明白？即使我得到一个显示内容以下内容的div也没关系。

the hide div is in the child page of tab i wanted to keep in a different page and add it below tabs so that it appears in all the pages

<ion-tabs class="tabs-icon-top tabs-color-active-positive">

<!-- Dashboard Tab -->
<ion-tab title="Live View" icon-off="ion-ios-speedometer" icon-on="ion-ios-speedometer" href="#/tab/dash">
<ion-nav-view name="tab-dash"></ion-nav-view>
 </ion-tab>

 <!-- Account Tab -->
  <ion-tab title="Statistics" icon-off="ion-stats-bars" icon-on="ion-stats-bars" href="#/tab/account">
   <ion-nav-view name="tab-account"></ion-nav-view>
  </ion-tab>

   <ion-tab title="Home" icon-off="ion-ios-home" icon-on="ion-ios-home" href="#/tab/account">
    <ion-nav-view name="tab-account"></ion-nav-view>
   </ion-tab>

   <ion-tab title="Service" icon-off="ion-clipboard" icon-on="ion-clipboard" href="#/tab/account">
    <ion-nav-view name="tab-account"></ion-nav-view>
    </ion-tab>

   <!-- Chats Tab -->
  <ion-tab title="Chats" icon-off="ion-chatbox-working" icon-on="ion-chatbox-working" href="#/tab/chats">
    <ion-nav-view name="tab-chats"></ion-nav-view>
  </ion-tab>
  </ion-tabs>

  <!--<h1>Hide the DIV: <input type="checkbox" ng-model="myCheck"></h1>
   <div id="divslide" ng-hide="myCheck"></div>-->



 <!--<h1>Hide the DIV: <input type="checkbox" ng-model="myCheck"></h1>
  <div id="divslide" ng-hide="myCheck"></div>-->

   <ion-view view-title="Dashboard">
    <ion-content class="padding">
     <h1>Hide the DIV: <input type="checkbox" ng-model="myCheck"></h1>
      <div id="divslide" ng-hide="myCheck"></div>
       <h2>Welcome to Ionic</h2>
        <p>
       This is the Ionic starter for tabs-based apps. For other starters and ready-made templates, check out the <a href="http://market.ionic.io/starters" target="_blank">Ionic Market</a>.
       </p>
       <p>
      To edit the content of each tab, edit the corresponding template file in <code>www/templates/</code>. This template is <code>www/templates/tab-dash.html</code>
       </p>
      <p>
  If you need help with your app, join the Ionic Community on the <a href="http://forum.ionicframework.com" target="_blank">Ionic Forum</a>. Make sure to <a href="http://twitter.com/ionicframework" target="_blank">follow us</a> on Twitter to get important updates and announcements for Ionic developers.
   </p>
    <p>
  For help sending push notifications, join the <a href="https://apps.ionic.io/signup" target="_blank">Ionic Platform</a> and check out <a href="http://docs.ionic.io/docs/push-overview" target="_blank">Ionic Push</a>. We also have other services available.
    </p>
  </ion-content>
  </ion-view>

Answer 1

我想出了解决方案。只需在索引文件中添加一段代码

 </ion-nav-bar>
   <ion-nav-bar class="has-tabs">
   <div class="bar-stable bar-subheader no-tap-scroll" id="divslide"></div>
  </ion-nav-bar>

这是它......它有效..

离子多头棒？

1 个答案: