2016-05-20 21 views
1

文書に記載されているように http://ionicframework.com/docs/v2/components/#tabs-icon-text このタブにはアイコンが表示されます。同じコードを使用しましたが、私のアイコンは表示されません。葉と水のアイコンが表示されない理由を 私はそのなぜアイコンがドキュメントに表示されないのですか?

<ion-tabs> 
    <ion-tab [root]="tab1Root" tabTitle="Tab 1" tabIcon="leaf" style='background-color:red!important'></ion-tab> 
    <ion-tab [root]="tab2Root" tabTitle="Tab 2" tabIcon="water"></ion-tab> 
</ion-tabs> 

のように使用しましたか? http://plnkr.co/edit/XZf6ReT1YESQNgONgcMm?p=preview

+0

はアイコンがロードされていないように思えるplunkerで動作します。あなたのpage1に ''を追加しようとしましたが、表示されません。どのようにしてIonic 2プロジェクトをセットアップしましたか?ローカルフォルダ構造を表示できますか? –

答えて

0

あなたはcss定義をロードしていないが、それは実際のイオンプロジェクトで動作するので、あなたのプランナーでは機能しません。

あなたindex.htmlファイルに

<link href="http://code.ionicframework.com/1.3.1/css/ionic.css" rel="stylesheet">

追加した場合、それは

関連する問題