第二个按钮不工作

Question

这是我的导航栏：

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

这就是它是如何显示在文档中，但在我的第二个按钮的图标是不可见的。当我检查它时，我可以看到图标的高度为零，但其周围的按钮具有正常的高度。左侧按钮正常工作。

Answer 1

这是因为ion-gear-a不存在。该名称从ionicons中挑选图标图像。

如果你想有一个gear图像尝试cog或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>