angular-owl-carousel2

Owl Carousel 2 imp for angularjs


Keywords
angular, owl, carousel
License
MIT
Install
bower install angular-owl-carousel2

Documentation

Angular Owl Carousel - 2

Impl for OwlCarousel2

Installation

npm install angular-owl-carousel2
bower install angular-owl-carousel2

Usage

$scope.items = [1, 2, 3, 4, 5, 6, 7, 8];

    $scope.properties = {
        items: 2,
        onChange: function () {
            console.dir(arguments);
        }
    };

    $scope.ready = function ($api) {
        owlAPi = $api;
    };

    $timeout(function () {
        console.dir(owlAPi);
        owlAPi.trigger('next.owl.carousel',[2000]);
    }, 2000)
<ng-owl-carousel class="owl-theme" owl-items="items" owl-properties="properties" owl-ready="ready($api)">
    <div class="item"><h4>Free Item</h4></div>
    <div class="item" data-ng-repeat="item in items"><h4>{{$index}}</h4></div>
</ng-owl-carousel>