estoy queriendo utilizar owl slider en alguna directiva, o en alguna vista de angular pero no me está funcionando correctamente, ya que se renderiza el HTML pero el jQuery no está actuando.
A Owl slider, lo puse dentro de una directiva, pero no me está cargando. Cuando lo pongo afuera de una directiva, como código nativo de HTML sin ninguna relación con Angular, funciona perfectamente. Mi código es el siguiente:
Directiva:
.directive('owlSlider', function () { return { templateUrl: '../../views/slider.html', restrict: 'AE', link: function postLink(scope, element) { $(element).owlCarousel({ navigation: true, // Show next and prev buttons slideSpeed: 300, paginationSpeed: 400, singleItem: true, navigationText: ["", ""] }); } }; });
Llamo a la directiva:
//HTML <owl-slider class="owl-slider-full owl-carousel owl-theme light-pagination square-pagination dark-pagination-without-next-prev-arrow main-slider"></owl-slider>"
Contenido html de la directiva (es el templateUrl de la directiva)
<div class="item owl-bg-img" style="background-image:url('img/slider1.jpg');"></div>
owl-bg-img
? Intentaste usando esa clase y jquery puro? Puedes verificar que la plantila se carga en la pestaña network de las herramientas de desarrollador del navegador? Pregunto porque a mi me está funcionando pero tuve que modificar clases css para lograrlo ya que owl carrousel no funciona usando imagenes de fondo sin hacer algunas modificaciones.