2015-10-16 92 views
0

不知道爲什麼我有這樣艱難的時刻使標籤在離子應用工作..標題和圖標不顯示在離子標籤應用

下面是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

回答

0

只需更換

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

隨着

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

然後添加離子字體它會奏效。