ng-init in uib-carousel -> height becomes 0px

Question

After adding ng-init with images and unique id inside uib-carousel everything is equal to 0px (images, div's inside uib-carousel).

Here is plunker

<div uib-carousel active="active" ng-init="slides = [{id: 1, image: 'https://placekitten.com/g/200/300'}, {id: 2, image: 'https://dgshow.org/files/2014/09/320px-Macaca_nigra_self-portrait_rotated_and_cropped-200x300.jpg'}]" interval="myInterval" no-wrap="noWrapSlides">

does it work when you have it as $scope.slides ? – gaurav5430 Dec 21 '16 at 09:47 — gaurav5430, Dec 21 '16 at 09:47

score 2 · Accepted Answer · edited May 23 '17 at 11:47

2

Here is the answer

You just need to replace :

index="slide.id"

By :

index="$index"

edited May 23 '17 at 11:47

Community

1
1

answered Dec 21 '16 at 10:06

JeanJacques

1,754
1
12
25

or you can start your id from 0 instead of 1 in slides, seems like the index starts looking from 0 – gaurav5430 Dec 21 '16 at 10:24

ng-init in uib-carousel -> height becomes 0px

1 Answers1