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

Question

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

在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;
}

Answer 1

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

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

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