carousel interval work only one time when transition set none

[scarletsky]

see http://plnkr.co/edit/cleBHsUy6xMuumulb7Lw?p=preview
I just set interval to 1000 and add

    <style type="text/css" media="all">
        .carousel-inner > .item {
          -webkit-transition: none;
                  transition: none;
        }
    </style>

After that, interval only work one time.

[chrisirhc]

Most likely due to the dependence on transition end events in the $transition service. Will be fixed when we update to use ngAnimate.

[matzipan]

I'm seeing the same symptoms with:

.carousel .item {
    opacity: 0;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    left: 0 !important;
}

.carousel .active {
    opacity: 1 !important;
}

.carousel .left {
    opacity: 0 !important;
    -webkit-transition: all 0.5s ease-in-out !important;
    -moz-transition: all 0.5s ease-in-out !important;
    -ms-transition: all 0.5s ease-in-out !important;
    -o-transition: all 0.5s ease-in-out !important;
    transition: opacity 0.5s ease-in-out !important;
}

.carousel .carousel-control {
    opacity: 1 !important;
}

and

<carousel interval="interval">
    <slide ng-repeat="slide in slides" active="slide.active">
        <a href="{{slide.url}}"><img ng-src="{{slide.image}}"></a>
    </slide>
</carousel>