Zweite Taste in navbar nicht funktioniert

Question

Das ist meine navbar:

<ion-header> 
    <ion-navbar color="dark"> 
    <button ion-button menuToggle icon-only> 
     <ion-icon name='menu'></ion-icon> 
    </button> 
    <ion-title>JRiver Remote</ion-title> 
    <ion-buttons end> 
     <button ion-button icon-only> 
     <ion-icon name='ion-gear-a'></ion-icon> 
     </button> 
    </ion-buttons> 
    </ion-navbar> 
</ion-header> 

Das ist genau, wie es in der Dokumentation zeigt, aber in der zweiten Taste für mich das Symbol ist nicht sichtbar. Wenn ich es inspiziere, sehe ich, dass das Symbol eine Höhe von Null hat, aber der Knopf um es herum hat normale Höhe. Der linke Button funktioniert einwandfrei.

Answer 1

Dies ist, weil ion-gear-anicht existiert. Der Name nimmt das Symbolbild von ionicons auf.

Wenn Sie ein gear Bild versuchen cog oder settings

<ion-header> 
    <ion-navbar color="dark"> 
    <button ion-button menuToggle icon-only> 
     <ion-icon name='menu'></ion-icon> 
    </button> 
    <ion-title>JRiver Remote</ion-title> 
    <ion-buttons end> 
     <button ion-button icon-only> 
     <ion-icon name='settings'></ion-icon><!-- here --> 
     </button> 
    </ion-buttons> 
    </ion-navbar> 
</ion-header>