Bootstrap Karussell funktioniert nicht mit dem AngularJS

Question

Ich angewendet Bootstrap Karussell in meiner ersten Ansicht, die durch das Routing Rendern ist, aber sobald ich mein Karussell nächste oder vorherige Schaltfläche trifft es Routen, die Routing oder Bootstrap HRef abzufangen ist Ich habe alle Antworten versucht, die in stackoverflow gegeben haben, aber es funktioniert nicht. Ich möchte nicht angle-ui-bootstrap dritte Partei anwenden. Hier ist mein Code.

<div class="container" ng-controller="OrdersController"> 
    <!--carousel start --> 
    <div id="mycarousel" class="carousel slide" data-ride="carousel"> 
    <!-- Menu --> 
<ol class="carousel-indicators"> 
    <li data-target="#carousel" data-slide-to="0" class="active"></li> 
    <li data-target="#carousel" data-slide-to="1"></li> 
    <li data-target="#carousel" data-slide-to="2"></li> 
</ol> 

<!-- Items --> 
<div class="carousel-inner"> 
    <div class="carousel-item active"> 
     <img src="http://gallery.thesemite.com/var/albums/Nepal-2012/IMG_0848.jpg?m=1342483083" class="img-responsive"/> 
    </div> 
    <div class="carousel-item"> 
     <img src="http://upload.wikimedia.org/wikipedia/commons/2/2b/Savonlinna_hein%C3%A4kuu_2002_IMG_1635.JPG" class="img-responsive"/> 
    </div> 
    <div class="carousel-item"> 
     <img src="http://gsm2015.ru/wp-content/uploads/2013/07/IMG_2013_21.jpg" class="img-responsive"/> 
    </div> 
</div> 

<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> 
<span class="icon-prev" aria-hidden="true"></span> 
<span class="sr-only">Previous</span> 
</a> 
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> 
<span class="icon-next" aria-hidden="true"></span> 
    <span class="sr-only">Next</span> 
    </a> 
</div> 
    <!--carousel end--> 
    </div> 

und ich versuchte, Anker-Tag und href-Attribut zu entfernen und mit Span und Daten-Ziel zu ersetzen, die nicht funktioniert, ich alle Szenarien versucht, wie eine Funktion durch den Aufruf ng Klick = „prevSlide()“

 //this function inside the controller 
    $scope.prevSlide = function() { 
     $('#mycarousel').carousel('next'); 
    }; 

was auch nicht funktioniert keine Hilfe wäre dankbar wie versucht, viele Kommentare überall schreiben, aber nicht die Antwort bekommen.

Answer 1

Bitte ändern Sie $ zu jQuery etwas wie diese jQueryscope.prevSlide. Hoffe es wird dir helfen.