Question

不确定为什么我很难让离谱应用程序中的标签工作..

这是html：

<body>

  <ion-nav-bar class="bar-positive"> </ion-nav-bar>

  <ion-tabs class="tabs-positive tabs-icon-only">

    <ion-tab title="Home" icon-on="ion-ios-home" icon-off="ion-ios-home-outline" ui-sref="home">
      <ion-nav-view name="home"></ion-nav-view>
    </ion-tab>

  </ion-tabs>

</body>

这是路由：

var app = angular.module('ionicApp', ['ionic'])

.config(function($stateProvider, $urlRouterProvider) {

  $stateProvider
  .state('home', {
    url: '/home',
    views: {
      home: {
        template: 'home.html',
      }
    }
  });

   $urlRouterProvider.otherwise('/home');

});

当我运行这个简单的应用程序时，我希望标签显示标题和图标..但是没有发生..

似乎没有明显的错误消息会让事情变得更糟。

http://plnkr.co/edit/K1nAtL

Answer 1

只需替换

<ion-tabs class="tabs-positive tabs-icon-only">

用

<ion-tabs class="tabs-positive tabs-icon-top">

然后添加它将起作用的离子字体。

标题和图标未显示在离子选项卡应用程序中

1 个答案: