具有静态数据的离子选项卡

好奇心

我正在使用离子型,并试图在视图中使用选项卡控件。选项卡控件具有静态文本以及图标。但是,当我尝试运行时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>

我已经在离子网站上浏览了一些示例,但是这些示例正在利用模板来呈现内容,这对我而言是过大的。

编辑1:我尝试删除ion-nav-view并仅保留,ion-view但是那也不起作用。

马丁顿

对于静态标签,请用离子窗格包裹离子含量。

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

离子:如何创建不带图标的带有离子选项卡的选项卡?

来自分类Dev

带有选项卡的离子导航后退按钮

来自分类Dev

粘贴 -d,但带有静态选项卡

来自分类Dev

如何在laravel php中克隆具有相同数据的选项卡

来自分类Dev

编辑离子选项卡图标样式

来自分类Dev

标头中的离子导航选项卡

来自分类Dev

在离子选项卡中显示网站

来自分类Dev

离子选项卡导航问题

来自分类Dev

离子:选项卡视图未呈现

来自分类Dev

离子选项卡烦人的激活颜色

来自分类Dev

离子选项卡活动颜色

来自分类Dev

模态上的离子 3 选项卡

来自分类Dev

离子性侧面菜单和带有嵌套视图的选项卡:选项卡嵌套视图的内容未显示

来自分类Dev

如何扩展JTabbedPane使其始终具有“添加选项卡”选项卡?

来自分类Dev

具有不同控制器的选项卡

来自分类Dev

如何获取具有焦点的IE选项卡的句柄?

来自分类Dev

Android-具有动态选项卡数量的tabbedActivity

来自分类Dev

当TPageControl具有许多选项卡时闪烁

来自分类Dev

Javafx TabPane具有多行选项卡

来自分类Dev

具有复杂标签的延迟加载选项卡

来自分类Dev

具有动态tabStyle的createBottomTabNavigator,用于不同的选项卡

来自分类Dev

查找选项卡li是否具有活动的班级

来自分类Dev

在TabHost中创建具有不同内容的选项卡

来自分类Dev

具有Ajax的Bootstrap响应表活动选项卡

来自分类Dev

片段中具有Listview的选项卡

来自分类Dev

具有引导程序和角度的选项卡视图

来自分类Dev

具有<script> removeClass和addClass的选项卡

来自分类Dev

具有TablLayout的CollapsingToolbarLayout无法展开或显示选项卡

来自分类Dev

具有Java脚本的HTML选项卡

Related 相关文章

热门标签

归档