Ionic Framework 内容指令如何工作？

Question

文档目前很空。我在默认项目创建的第一个制表符中有这段小代码：

<ion-view view-title="Dashboard">
  <ion-content class="padding">
      <div class="bar bar-header  bar-positive">
          <h1 class="title">Dashboard </h1>
      </div>
      <div>
          <ul>
              <li ng-repeat="user in users">{{user.name}}</li>
          </ul>
      </div>
  </ion-content>
</ion-view>

这显示了我的所有用户，除了卡在头条后面某处的两个第一。

我怎样才能让它们回到标题中，就像块 div 应该的那样？为什么 Ionic 会这样？

Answer 1

我建议您在 ionContent 之前使用 ionHeaderBar 来显示标题栏。

<ion-view>
  <ion-header-bar class="bar-positive">
    <h1 class="title">Dashboard</h1>
  </ion-header-bar>
  <ion-content>
     ...
  </ion-content>
</ion-view>