Javascript 显示刺激性图像位移

这是一个困扰我的应用程序的问题，因为我在几周前写了这个部分。基本上，我有两个图像，应该根据布尔值一次显示一个。使用

ng show

指令，当我更新变量两次时，心脏图像会发生位移，就好像另一个图像仍在原位且不可见（我确信很可能是这样）

---

是否有解决方案/更好的解决方案？我现在可以接受它，但为了波兰人的缘故，它需要修复。

使用

ngsrc

和条件

{}

插值指令

ng-src="{{ track.loved ? 'img/love.svg': 'img/skip.svg'}}"

另一种选择是使用

ng if

而不是

ng show

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

问题的一个可能原因是，当ngShow解析为true时，CSS覆盖了添加到图像中的.ng hide CSS类。尝试改用ng if指令——这将导致未使用的img标记完全从DOM中删除。

工作非常出色，非常感谢这也非常有效，非常感谢您的回答@汤姆塞克斯哦。很高兴听到这个消息。谢谢：）

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