Ionic：自定义标题按钮图像

Question

我正在尝试将自定义图像添加到Ionic框架中的标题按钮图像。

这是我在index.html中的html：

<ion-nav-buttons side="right">
<button  ng-src="cartImage" ng-click="login()">
</button>

在app.js中我有：

  $scope.cartImage = "img/cart.png";

但是尽管图像在那里，没有骰子，我只是得到一个灰色按钮。这甚至是在Ionic中设置标题按钮的正确方法吗？感谢。

Answer 1

基于AngularJS ngSrc documentation，ng-src专门用于处理无法在src属性中使用Angular表达式（例如实际URL字符串中的{{ photoUrl }} ）。

如果您要使用ngSrc并且想要在其中删除范围变量，则需要使用表达式：

<button ng-src="{{ cartImage }}" ng-click="login()"></button>