Ionic：在Android中基于选项卡的应用程序中不显示子标题

Question

我正在努力将subheader添加到基于Ionic应用程序的标签中。问题是子标题没有在Android中显示，但它显示在iOS中。

我想在搜索栏中使用子标题，这样它就不会滚动显示内容。

重现问题的步骤：

1. 根据标签项目创建测试应用：

ionic start subheader-test tabs

1. 修改.\subheader-test\www\templates\tab-dash.html以在状态标签上添加子标题，使其看起来像下面的文件：
＆＃13;
＆＃13;
<ion-view view-title="Dashboard">

  <ion-header-bar class="bar-subheader bar-balanced">
    <h1 class="title">Subheader</h1>
  </ion-header-bar>

  <ion-content class="padding">
    <h2>Welcome to Ionic</h2>
    <p>
      ....
    </p>
  </ion-content>
</ion-view>
＆＃13;
＆＃13;
＆＃13;
1. 启动离子实验室：

ionic serve -l

我使用ion-content和has-subheader的组合对has-header进行了测试，但是没有用。

在我测试的任何浏览器（Chrome，Firefox，IE 11）中，未在Android版本的应用中显示子标题。

Answer 1

这可以解决问题：

WWW / CSS /的的style.css

$ionicConfigProvider.tabs.position('bottom');

或者您可以在 app.js 中添加.config(function($stateProvider, $urlRouterProvider, $ionicConfigProvider) { $ionicConfigProvider.tabs.position('bottom'); // } ，如下所示：

prompting: function () {
   return this.prompt(questions).then(function (answers) {
    this.answers = answers;
  }.bind(this));
}

Answer 2

这对我来说不太合适。我不得不从子标题CSS中删除"has-tabs-top"类以使其工作（在Chrome控制台中查看，在运行离子服务时，该类未分配给子标题--lab）