angularjs - 带有 ng hide/show 和 ng-animate 的轮播幻灯片效果？

Question

我有一个滑块型旋转木马，带有两个可以左右滑动的部分容器。在我开发的版本中，我在一个部分容器中有图像。我遇到的问题是因为我来自服务器的图像需要一段时间才能加载我发现当用户单击后退按钮时，页面再次被添加到 DOM（由于 ng 切换）并且必须重新加载图像。

我的问题：有没有办法使用 ngif 或 hide/show 来代替它，以便页面只是设置 display: none 时隐藏，以便当前未显示的页面容器不会从 DOM 中删除？

  <!--ANIMATE-->
  <div ng-animate="{enter: 'enter', leave: 'leave';}" ng-switch on="par.selection">
    <!--PAGE1-->
    <div class="page page1" ng-switch-when="settings">
        <b>page 1</b><br><br>
        <button  ng-click="par.selection = 'home'; go('front');"  >go page 2</button>
    </div>

    <!--PAGE2-->
    <div class="page page2" ng-switch-when="home">
        <b>page 2</b><br><br>
        <button  ng-click="par.selection = 'settings'; go('back');"  >go page 1</button>
    </div> 
  </div>

Plunkr在这里：链接

我从几天前访问的博客中制作了上面的示例，我似乎再也找不到了，但是上面的示例使用 ng-switch 方法工作。