1
- /**
2
- * @ngdoc overview
3
- * @name ui.bootstrap.carousel
4
- *
5
- * @description
6
- * AngularJS version of an image carousel.
7
- *
8
- */
9
1
angular . module ( 'ui.bootstrap.carousel' , [ ] )
10
2
11
3
. controller ( 'UibCarouselController' , [ '$scope' , '$element' , '$interval' , '$animate' , function ( $scope , $element , $interval , $animate ) {
@@ -213,44 +205,6 @@ angular.module('ui.bootstrap.carousel', [])
213
205
214
206
} ] )
215
207
216
- /**
217
- * @ngdoc directive
218
- * @name ui.bootstrap.carousel.directive:carousel
219
- * @restrict EA
220
- *
221
- * @description
222
- * Carousel is the outer container for a set of image 'slides' to showcase.
223
- *
224
- * @param {number= } interval The time, in milliseconds, that it will take the carousel to go to the next slide.
225
- * @param {boolean= } noTransition Whether to disable transitions on the carousel.
226
- * @param {boolean= } noPause Whether to disable pausing on the carousel (by default, the carousel interval pauses on hover).
227
- *
228
- * @example
229
- <example module="ui.bootstrap">
230
- <file name="index.html">
231
- <uib-carousel>
232
- <uib-slide>
233
- <img src="http://placekitten.com/150/150" style="margin:auto;">
234
- <div class="carousel-caption">
235
- <p>Beautiful!</p>
236
- </div>
237
- </uib-slide>
238
- <uib-slide>
239
- <img src="http://placekitten.com/100/150" style="margin:auto;">
240
- <div class="carousel-caption">
241
- <p>D'aww!</p>
242
- </div>
243
- </uib-slide>
244
- </uib-carousel>
245
- </file>
246
- <file name="demo.css">
247
- .carousel-indicators {
248
- top: auto;
249
- bottom: 15px;
250
- }
251
- </file>
252
- </example>
253
- */
254
208
. directive ( 'uibCarousel' , [ function ( ) {
255
209
return {
256
210
transclude : true ,
@@ -270,48 +224,6 @@ angular.module('ui.bootstrap.carousel', [])
270
224
} ;
271
225
} ] )
272
226
273
- /**
274
- * @ngdoc directive
275
- * @name ui.bootstrap.carousel.directive:slide
276
- * @restrict EA
277
- *
278
- * @description
279
- * Creates a slide inside a {@link ui.bootstrap.carousel.directive:carousel carousel}. Must be placed as a child of a carousel element.
280
- *
281
- * @param {boolean= } active Model binding, whether or not this slide is currently active.
282
- * @param {number= } index The index of the slide. The slides will be sorted by this parameter.
283
- *
284
- * @example
285
- <example module="ui.bootstrap">
286
- <file name="index.html">
287
- <div ng-controller="CarouselDemoCtrl">
288
- <uib-carousel>
289
- <uib-slide ng-repeat="slide in slides" active="slide.active" index="$index">
290
- <img ng-src="{{slide.image}}" style="margin:auto;">
291
- <div class="carousel-caption">
292
- <h4>Slide {{$index}}</h4>
293
- <p>{{slide.text}}</p>
294
- </div>
295
- </uib-slide>
296
- </uib-carousel>
297
- Interval, in milliseconds: <input type="number" ng-model="myInterval">
298
- <br />Enter a negative number to stop the interval.
299
- </div>
300
- </file>
301
- <file name="script.js">
302
- function CarouselDemoCtrl($scope) {
303
- $scope.myInterval = 5000;
304
- }
305
- </file>
306
- <file name="demo.css">
307
- .carousel-indicators {
308
- top: auto;
309
- bottom: 15px;
310
- }
311
- </file>
312
- </example>
313
- */
314
-
315
227
. directive ( 'uibSlide' , function ( ) {
316
228
return {
317
229
require : '^uibCarousel' ,
0 commit comments