带有静态数据的离子标签答案

【问题标题】：ionic tabs with static data带有静态数据的离子标签
【发布时间】：2015-05-10 07:02:50
【问题描述】：

我正在使用 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，但这也没有用。

【问题讨论】：

如果正确请标记为正确

标签： android ionic-framework ionic

【解决方案1】：

对于静态选项卡，使用离子窗格包裹离子内容。

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

【讨论】：