html - ng-show 指令仅在设备上返回正确但为空的

Question

我已经看到了一些此类问题的答案，但似乎没有任何效果。

我在 ion-list 中有一张图片我的 Ionic 应用程序应该使用 ng-show 访问它们 Angular 指令。在我的机器上本地运行，这些加载完美。然而，当部署到我的 iPhone 5s 时，显示的只是一堆空图像。在我的测试中，我还包括了第二组应该做同样的事情，放在 <i> 之外。标签和使用 ng-src而不是 src和 ng-if而不是 ng-show .

没有任何作用。这是当前的 HTML:

<img class="padding-basic-right" ng-src="img/love.png" width="48px" ng-if="track.loved">
<img class="padding-basic-right" ng-src="img/skip.png" width="48px" ng-if="!track.loved">

<i class="icon icon-accessory">
  <img class="padding-basic-right" src="img/love.png" width="48px" ng-show="track.loved">
  <img class="padding-basic-right" src="img/skip.png" width="48px" ng-show="!track.loved">
</i>

在一天的大部分时间里，我一直在为此苦苦挣扎，而且在那段时间里，我一直在解决比这大得多的问题。出了什么问题？

Answer 1

我找到了一个解决方案:不使用 PNG。显然 ng-show 不会渲染 PNG 文件，但很乐意用 JPG 和 SVG 来渲染。

困惑，但现在已经修复了。