search

mihnsen / ui-carousel

A simple, lightweight module for carousel in your AngularJS app, Inspired from slick carousel.
http://mihnsen.github.io/ui-carousel/
MIT License
77 stars 67 forks source link

Unable to inject other scope items into carousel-item directive block #73

Open berge-business opened 5 years ago

berge-business commented 5 years ago

I am trying to load Flot Charts into a UI-Carousel block and I am unable to inject the chart options into the block. It seems like the data has to be apart of the 'slides' scope variable.

Here is the code:

`<ui-carousel slides="testData" slides-to-show="6" slides-to-scroll="1" initial-slide="1" autoplay="true" autoplay-speed="4000" dots="true">

                <carousel-item>
                    <div class="flot-pie-chart" >
                        <div flot class="flot-chart-pie-content" dataset="item" options="pieChartOptions"></div>
                    </div>
                    <div class="text-center">
                        <h4>{{item[1].label}}</h4>
                    </div>
                </carousel-item>
            </ui-carousel>`

The 'options="pieChartOptions"' is not actually pulling in the scope variable.