Angular v1.2動畫圖像

Question

我一直在瀏覽教程和過去的問題，試圖找出我的代碼出錯的地方，以便將動畫應用到我嘗試顯示的圖像的過渡處。

ng-show可以有效地顯示選定的圖片，但圖片的轉換並不能吸收我嘗試應用的效果。

<!-- Image Buttons --> 
<div class="content"> 
    <div ng-repeat='image in images' class="{{image.cls}}" 
    ng-click="showThis($index)" value="{{image.set}}"> 
    <label>{{image.title}}</label> 
    </div> 
</div> 

<!-- Display Image --> 
<div id="imgHolder" ng-view class="slidedown"> 
    <img ng-repeat="image in images" ng-src="{{image.url}}" 
    alt="{{image.id}}" ng-show="nowShowing==$index"> 
</div> 

我意識到我應該使用相同的ng-repeat顯示圖像;目前要做到這一點的CSS需要進行調整，以便以後出現。

下面是.slidedown，包含動畫CSS：

.slidedown { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
} 
.slidedown.ng-enter, 
.slidedown.ng-leave { 
    -webkit-transition: all 1s ease; 
    -moz-transition: all 1s ease; 
    -o-transition: all 1s ease; 
    transition: all 1s ease; 
} 
.slidedown.ng-enter { 
    opacity: 0; 
} 
.slidedown.ng-enter-active { 
    opacity: 1; 
} 
.slidedown.ng-leave { 
    opacity: 1; 
} 
.slidedown.ng-leave-active { 
    opacity: 1; 
} 

任何人都可以提供任何提示，錯誤，方向在頭？

Answer 1

只是把在IMG不是DIV

<div id="imgHolder" ng-view> 
    <img ng-repeat="image in images" ng-src="{{image.url}}" class="slidedown" 
    alt="{{image.id}}" ng-show="nowShowing==$index"> 
</div>