¿Cuál es la mejor manera de integrar Owl Carousel 2 y Angular?

Sí, puedes integrar el carrusel de Owl con Angular js.

1. Descargar e incluir todos los archivos de plugin:

...

2. Crear directiva en AngularJS:

app.directive('wrapOwlcarousel', function () {

return {

restrict: 'E',

link: function (scope, element, attrs) {

var options = scope.$eval($(element).attr('data-options'));

$(element).owlCarousel(options);

}

};

});

3. Coloque una nueva etiqueta en su página:

<wrap-owlcarousel class="owl-carousel"

data-options="{autoPlay: 5000, stopOnHover: true,

slideSpeed : 300, paginationSpeed : 400, singleItem : true}">

Ver más sobre Owl Carousel Varias versiones – Owl Carousel

Esperanza, te ayudará 🙂

Coloque la hoja de estilo requerida en la parte superior de su marca:




Envuelva sus artículos (div, a, img, span, li, etc.) con un elemento contenedor (div, ul, etc.). Solo la clase owl-carouselel es obligatoria para aplicar estilos apropiados:

Tu contenido

Tu contenido

Tu contenido

Tu contenido

Tu contenido

Tu contenido

Tu contenido

Fuente: – OwlCarousel2 / OwlCarousel2

Compruebe esto: joelsaupe / owlcarousel-angularjs

Integración de OWL Carrusel con AngularJS

Si quieres desarrollar desde cero, haz una directiva angular. Aquí hay una guía rápida: