Skip to content

Populate Owl Carousel with data from an Angular controller

Notifications You must be signed in to change notification settings

UDenis/angular-owl-carousel

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Angular Owl Carousel

This directive allows you to back a Owl Carousel with data from an Angular controller.

For use with Owl Carousel 2

Usage

Javascript:

// Define app module
angular
    .module('myApp', ['angular-owl-carousel']);

// Create controller
angular
    .module('myApp')
    .controller('MyController', MyController);

function MyController() {
    this.items = ['item1', 'item2'];
}

HTML:

<div ng-controller="MyController">
    <div owl-carousel="items">
        <div class="item">{{ item }}</div>
    </div>
</div>

Note: There is a bug in Owl on the master branch that breaks this directive. I've created a branch with the fix here:

https://github.com/jonahbron/OwlCarousel2

About

Populate Owl Carousel with data from an Angular controller

Resources

Stars

Watchers

Forks

Packages

No packages published