带有静态数据的离子标签

Question

我正在使用 ionic 并尝试在视图中使用选项卡控件。选项卡控件具有静态文本和图标。但是当我尝试运行 ionic emulate android 时，只有选项卡控件出现并且切换到选项卡不显示内容。

<ion-tabs class="tabs-positive tabs-icon-only">
  <ion-tab title="Home" icon-on="ion-ios-filing" icon-off="ion-ios-filing-outline">
    <!-- Tab 1 content -->
  </ion-tab>
  <ion-tab title="About" icon-on="ion-ios-location" icon-off="ion-ios-location-outline">
    <ion-nav-view>
      <ion-view view-title="About">
        <ion-content>
           <i class="ion-bag"></i>Hello
        </ion-content>
      </ion-view>
    </ion-nav-view>
  </ion-tab>
</ion-tabs>

我已经在 ionic 站点上查看了示例，但是这些示例使用模板来呈现内容，这对我来说太过分了。

编辑 1：我尝试删除 ion-nav-view 并仅保留 ion-view 但这也没有用。

Answer 1

对于静态选项卡，用 ion-pane 包裹 ion-content。

<ion-tabs class="tabs-positive tabs-icon-only">
  <ion-tab title="Home" icon-on="ion-ios-filing" icon-off="ion-ios-filing-outline">
    <!-- Tab 1 content -->
  </ion-tab>
  <ion-tab title="About" icon-on="ion-ios-location" icon-off="ion-ios-location-outline">
    <ion-pane>
      <ion-content>
         <i class="ion-bag"></i>Hello
      </ion-content>
    </ion-pane>
  </ion-tab>
</ion-tabs>

带有静态数据的离子标签

ionic tabs with static data

android

ionic-framework

ionic