Por alguna razon no me anda el jquery porque ni los botones de next prev andan y con owl-carousel menos
import { Component, OnInit } from '@angular/core';
import { OwlOptions } from 'ngx-owl-carousel-o';
declare var $: any;
@Component({
selector: 'app-clientes',
templateUrl: './clientes.component.html',
styleUrls: ['./clientes.component.css']
})
export class ClientesComponent implements OnInit {
constructor() { }
declare isDragging: boolean;
ngOnInit(): void {
}
customOptions: OwlOptions = {
loop: true,
mouseDrag: true,
touchDrag: true,
pullDrag: true,
margin: 10,
nav: true,
dots: false,
autoplay: true,
smartSpeed: 2000,
navText: ['<i class="fas fa-caret-left"></i>',
'<i class="fas fa-caret-right"></i>' ],
responsive: {
0: {
items: 1
},
600: {
items: 1
},
1000: {
items: 2
}
}
}
}
y no hay forma de hacer que corra jquery desde angular.json
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/bootstrap/dist/js/bootstrap.bundle.min.js",
"node_modules/popper.js/dist/popper.min.js",
/* "./node_modules/jquery/dist/jquery.min.js",
"./node_modules/bootstrap/dist/js/bootstrap.bundle.min.js", */
//"./node_modules/bootstrap/dist/js/bootstrap.bundle.min.js",
"src/assets/js/main.js",
"src/assets/js/top-buttom.js"
]
hay cosas que andan con estos dos cdn en el index.html pero no todo...
<body data-spy="scroll" data-target=".navbar" data-offset="50"> <app-root></app-root>
<!--<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
-->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
para añadir separé en varios componentes, será tambien por eso?
tengo como 8 en el app.component.html
Ya casi estoy cerca, veo que el tal owl-carousel-o solo funciona bien en el index o app.component pero cuando quiero usarlo en un componente no funciona al 100%, eso me falta,
2 dias sin formir estoy con esto