AngularJS Bootstrap Karussell nicht

Question

GELöST funktioniert: Hier ist es Link mit richtigem Code codepen: Codepen

mein Winkel Bootstrap-Karussell zeigt Bilder auf dem anderen statisch ohne „Gleiten“, weiß jemand, warum?

Dies ist mein Setup:

Home.html:

<div id="slides_control"> 
<div> 
    <carousel interval="myInterval"> 
    <slide ng-repeat="slide in slides" active="slide.active"> 
    <img ng-src="{{slide.image}}"> 
    </slide> 
    </carousel> 
</div> 
</div> 

APP.JS

angular.module('lbda', ['ngRoute', 'ui.bootstrap', 'lbda.controllers']). 
config(['$routeProvider', 
    function($routeProvider) { 
    $routeProvider. 
    when('/home', { 
    templateUrl: 'views/home.html', 
    controller: 'CarouselCtrl' 
    }). 
    otherwise({ 
    redirectTo: ('/home') 
    }); 
    } 
]); 

CAROUSEL.JS

angular.module('lbda.controllers'). 
    controller('CarouselCtrl', function ($scope) { 
    $scope.active = 0; 
    $scope.myInterval = 2000; 
    $scope.slides = [ 
     {image: '../../images/carousel/1.jpg'}, 
     {image: '../../images/carousel/2.jpg'} 
    ]; 
    }) 

Answer 1

Unterhalb der ng-repeat, werden Sie Anker-Links für die Pfeile müssen:

<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> 
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> 
    <span class="sr-only">Previous</span> 
</a> 

<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> 
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 
    <span class="sr-only">Next</span> 
</a> 

Sie finden auch eine id für Ihr Karussell benötigen: #myCarousel.