导航栏中的第二个按钮不起作用

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不存在。该名称从离子图标中获取图标图像。

如果您想要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>