Mein Karussell funktioniert nicht ohne besonderen Grund - html, angularjs, Karussell

Ich habe ein Karussell auf eckigen Web-App, die Bilder in Intervallen verschieben soll, aber es funktioniert nicht wie erwartet, ich kann den Grund nicht herausfinden -

hier ist mein Code

<div id="section1" class="carousel slide" data-ride="carousel" data-interval="1000">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#section1" data-slide-to="0" class="active" ></li>
<li data-target="#section1" data-slide-to="1" ></li>
<li data-target="#section1" data-slide-to="2" ></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="/images/img1.jpg" alt="...">
<div class="carousel-caption">
<!-- <h3>Caption Text</h3> -->
</div>
</div>
<div class="item ">
<img src="/images/img2.jpg" alt="...">
<div class="carousel-caption">
<!-- <h3>Caption Text</h3> -->
</div>
</div>
<div class="item ">
<img src="/images/img3.jpg" alt="...">
<div class="carousel-caption">
<!--h3>Caption Text</h3-->
</div>
</div>
</div>
</div>

Antworten:

Alles scheint in Ordnung, was Bootstrap-Plugin getan hatDu benutzt, weil die Klasse, die du anwendest, bootstrap plugin benötigt. Bitte lass mich wissen, welches Bootstrap-Plugin du benutzt hast ... Probieren Sie dieses CDN für das Bootstrap-Plugin aus. Es funktioniert perfekt mit meinem

 <!--Bootstrap CSS-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<!--Bootstrap jquery-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>

<!--Bootstrap javascript-->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>