2016-05-20 9 views
1

Wie erwähnt in Dokument http://ionicframework.com/docs/v2/components/#tabs-icon-text dieser Tab wird Symbol angezeigt.Ich verwendete den gleichen Code .aber mein Symbol ist nicht anzuzeigen, warum? benutzte ich wie dieWarum wird das Symbol nicht im Dokument angezeigt?

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

warum Blatt und Wasser-Symbol nicht angezeigt werden? http://plnkr.co/edit/XZf6ReT1YESQNgONgcMm?p=preview

+0

Scheint, wie Symbole werden nicht geladen. Ich habe versucht, eine ' 'Seite 1 hinzuzufügen, aber es wird nicht angezeigt. Wie haben Sie Ihr Ionic 2-Projekt eingerichtet? Können Sie Ihre lokale Ordnerstruktur anzeigen? –

Antwort

0

Es funktioniert nicht in Ihrem Plunker, weil Sie nicht die CSS-Definitionen geladen haben, aber es würde in einem echten ionischen Projekt funktionieren.

Wenn Sie

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

auf Ihre index.html Datei hinzufügen, wird es in der Plunker arbeiten

Verwandte Themen