angularjs corousel arrêts de travail
Im essayant de faire un carrousel avec ui-bootstrap pour angularjs, en gros, j'ai copié/collé directement à partir de l'angle de docs, et il fonctionne, MAIS il cesse de travailler à la dernière diapositive.
Il ne revient pas au debut, et les contrôles d'arrêt de travail, je ne suis pas d'obtenir toutes les erreurs sur la console, il s'arrête tout simplement de travail
<carousel interval="myInterval">
<slide ng-repeat="slide in carousel" active="slide.active">
<img class="img-responsive" ng-src="app/assets/img/articles/{{slide.img}}" style="margin:auto;">
</slide>
</carousel>
EDIT: j'ai vérifié à nouveau Et il ne cesse de travailler à la Dernière Diapositive, en fait il s'arrête à la SECONDE, peu importe combien il y a d'éléments.
EDIT: j'ai fait un test juste avec le manège et ne fonctionne toujours pas
C'est l'ensemble du code, il s'arrête à la diapositive 2 et les contrôles d'arrêt de travail
<html >
<head>
<title>Radiosan Site</title>
<link rel="stylesheet" href="app/assets/lib/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="app/assets/lib/bootstrap/dist/css/bootstrap-theme.min.css">
<script src="app/assets/lib/jquery/jquery-2.1.0.min.js" ></script>
<script src="app/assets/lib/bootstrap/dist/js/bootstrap.min.js" ></script>
<script src="app/assets/lib/angular/angular.min.js" ></script>
<script src="app/assets/lib/angular/angular-route.min.js" ></script>
<script src="app/assets/lib/angular/angular-animate.min.js" ></script>
<script src="app/assets/lib/angular/ui-bootstrap-tpls-0.10.0.min.js"></script>
<script src="app/RadiosanApp.js" ></script>
</head>
<body ng-app="RadiosanApp">
<div class="container">
<div ng-controller="MainController">
<div style="height: 305px">
<carousel interval="myInterval">
<slide ng-repeat="slide in slides" active="slide.active">
<img ng-src="{{slide.image}}" style="margin:auto;">
<div class="carousel-caption">
<h4>Slide {{$index}}</h4>
<p>{{slide.text}}</p>
</div>
</slide>
</carousel>
</div>
<div class="row">
<div class="col-md-6">
<a class="btn btn-info" ng-click="addSlide()">Add Slide</a>
</div>
<div class="col-md-6">
Interval, in milliseconds: <input type="number" class="form-control" ng-model="myInterval">
<br />Enter a negative number to stop the interval.
</div>
</div>
</div>
</div>
<script src="app/controllers/MainController.js"></script>
</body>
var app =
angular.module(
"RadiosanApp", [
"ngRoute",
"ui.bootstrap",
"ngAnimate",
"RadiosanApp.Controllers.MainController"
]);
angular.module("RadiosanApp.Controllers.MainController", [])
.controller("MainController", function($scope) {
$scope.myInterval = 5000;
var slides = $scope.slides = [];
$scope.addSlide = function() {
var newWidth = 600 + slides.length;
slides.push({
image: 'http://placekitten.com/' + newWidth + '/300',
text: ['More','Extra','Lots of','Surplus'][slides.length % 4] + ' ' +
['Cats', 'Kittys', 'Felines', 'Cutes'][slides.length % 4]
});
};
for (var i=0; i<4; i++) {
$scope.addSlide();
}
});
Pourriez-vous mettre dans un JS Fiddle?
Mon site et l'Application sont bien trop gros pour un violon... en plus.. un petit test en coulisse, il fonctionne très bien 😛 .... et je suis à la base un copier-coller, je ne sais pas vraiment pourquoi sa s'arrête
Im pensant peut-être que quelque chose interfère avec le carrousel
J'ai trouvé l'Erreur, Pour quelque raison que chaque fois que j'ajoute ngAnimate avec l'interface utilisateur.bootstrap le manège s'arrête de fonctionner, je ne sais pas pourquoi, probabbly les bibliothèques ne sont pas compatibles, ce qui est étrange.... mais j'ai essayé de les charger dans un ordre différent et encore. Pas encore de réponse
OriginalL'auteur Gabriel Matusevich | 2014-03-25
Vous devez vous connecter pour publier un commentaire.
C'est un problème de compatibilité entre l'interface utilisateur.bootstrap et ngAnimate .... https://github.com/angular-ui/bootstrap/issues/1350
Je l'ai résolu en utilisant simplement le carrousel de la Boostsrap lib avec un peu de ngRepeats
La solution fournie par simonykq sur le lien mentionné dans le sna a fonctionné pour moi .. Merci
hehehe... je devenais folle avec ce même problème! Merci beaucoup pour vos questions et à y répondre à votre propre question! @Bhumi Singhal: cette solution a été vraiment une belle solution de contournement. 🙂
OriginalL'auteur Gabriel Matusevich