Questions tagged [ngx-swiper-wrapper]
12 questions
5
votes
2 answers
ngx-useful-swiper setup in Angular 8 gives error
I followed this guide to set up swiper slider in my Angular 8 application.
I get the below error when importing NgxUsefulSwiperModule into app.module.ts
ERROR in ./node_modules/ngx-useful-swiper/fesm2015/ngx-useful-swiper.js
Module not found: Error:…
user17147397
4
votes
1 answer
Bidirectional mousewheel sliders in Angular using Swiper
I'm trying to build two sliders which will scroll horizontally (in opposite direction) when mousewheel event is triggered.
As you can see here, it is quite easy using the Swiper API with following configs:
var swiper = new Swiper('.row-top', {
…
agent cole
- 41
- 5
3
votes
5 answers
Swiper pagination/navigation using custom button in angular
I am using Swiper for angular and using Angular Swipper wrapper with it. I am trying to add a button which onclick swipes to next slide.
But I have no idea how to get Swiper instance and how to call slidenext function. How can I do the same? Thanks…
AngularDoubts
- 459
- 2
- 11
- 30
3
votes
1 answer
Adding multiple class for Swiper Pagination Bullet
I am trying to add a new element class to each of my pagination bullet, and I want to retain the default style of the swiper. So what I did is
pagination={
clickable: true,
bulletClass: `swiper-pagination-bullet…
Rich
- 3,928
- 4
- 37
- 66
2
votes
1 answer
Cannot find module 'swiper/types' Angular
I tried to follow https://swiperjs.com/angular but I got this error,
I also installed npm i @types/swiper but still the same error .
Here is the error
ERROR in
node_modules/swiper/angular/angular/src/swiper.component.d.ts:5:117 -
error TS2307:…
Mounaim
- 61
- 1
- 7
1
vote
0 answers
How can I replace a swiper slide or update the HTML of a swiper slide using ngx-swiper-wrapper?
Question - How do I either replace a swiper slide with a new one or edit the contents of the HTML inside the slide using the wrapper library ngx-swiper-wrapper?
I have this code that creates a swiper slider with slides and I want to edit the slide…
chuckd
- 13,460
- 29
- 152
- 331
0
votes
1 answer
Guide for migrating from Swiper 4.5.0 to 6.8.1 or latest?
I'm trying to find the steps how to upgrade Swiper 4.5.0 (nicely used even now with Angular 12 project) to 6.8.1, or to a newest Swiper and there are several question about possible upgrade:
For Swiper 6.8.1, do I still need…
Haradzieniec
- 9,086
- 31
- 117
- 212
0
votes
0 answers
How can I use this javascript function by accessing it in an Angular event?
In my .ts file inside the class itself, I set this class with different properties, like slides in the virtual object.
Question - I want to access and add more slides in my .ts file in both the ngOnInit and in some event, but I can't seem to figure…
chuckd
- 13,460
- 29
- 152
- 331
0
votes
1 answer
how to destroy the ngx-swiper-wrapper in angular 8
I need to destroy the ngx-swiper-wrapper in mobile device how to do that
user9361329
0
votes
1 answer
How to stop propagation when clicking on a swiper.js image next/prev button inside a bootstrap card
I'm using ngx-swiper-wrapper inside a bootstrap card like this below with a routerlink at the top.
So if I click anywhere on the card it will route. Works fine!
But I want to stop the propagation from routing if I swipe/click left/right on any of…
chuckd
- 13,460
- 29
- 152
- 331
0
votes
0 answers
with angular 8 ngx swipper wrpper is not working?
Problem:
In my Angular 8 projects, I have used ngx-swiper-wrapper but after running, I get the following error in the console:
k.children is not function.
The issue is located in these lines of code.
ngAfterViewInit() {
this.swiper =…
Tharindu Sandaruwan
- 555
- 9
- 29
-1
votes
1 answer
add css when slide is clicked in swiperjs angular
I have multiple slides and when 1 is selected I want to add border color to it and when the other slide is selected, the border color is then added to the new slide and removed from the other.
public desktopConfig: SwiperOptions = {
…
justabeginner
- 1
- 2