ionic 1 - 将自定义图标添加到导航按钮答案

【问题标题】：ionic 1 - add custom icon to nav buttonionic 1 - 将自定义图标添加到导航按钮
【发布时间】：2018-01-22 07:32:07
【问题描述】：

我想将图像作为图标添加到标题中的导航按钮。这可能吗？我应该怎么做？这是我当前的代码..它不起作用：

在html代码中：

<ion-nav-bar class="bar-positive custom-dark">
<ion-nav-buttons side="left">
<button class="button" style="background: #1e1e1c;" ng-click="doSomething()">
  <i class="icon home"></i>
</button>

在css代码中：

.home
{
  background: #1e1e1c;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  background-image:  url('img/finalimages/home.png');
  display: inline;
}

【问题讨论】：

标签： ionic-framework ionic-v1

【解决方案1】：

您可以创建一个自定义图标，该图标可以作为您在 ionic 中的默认后退按钮替代品。

通过这种方式，您将获得许多可在整个项目中使用的自定义图标。

这可以按照本教程进行：here

【讨论】：