Описание тега ngx-swiper-wrapper

0 ответов

Как переместить слайд swiper.js на следующий слайд щелчком мыши?

У меня есть этот stackblitz, который открывает информационное окно карт Google. Как я могу перейти к следующему слайду, щелкнув мышью по слайду?
0 ответов

с angular 8 ngx swipper wrpper не работает?

Проблема: В моих проектах Angular 8 я использовал ngx-swiper-wrapper, но после запуска я получаю следующую ошибку в консоли:k.children is not function. Проблема находится в этих строках кода. ngAfterViewInit() { this.swiper = new Swiper('.swiper-con…
19 авг '20 в 03:00
1 ответ

Двунаправленные ползунки с колесом мыши в Angular с использованием Swiper

Я пытаюсь создать два ползунка, которые будут прокручиваться по горизонтали (в противоположном направлении) при запуске события колесика мыши. Как видите, использовать Swiper API довольно просто со следующими конфигурациями: var swiper = new Swiper(…
14 авг '20 в 18:50
0 ответов

SwiperJS Angular wrapper - нужно провести несколько слайдов по одному событию

Я установил угловую оболочку Swiper, потому что мне нужен текстовый слайдер, который меняет свои слайды при сенсорной прокрутке пользователя. Swiper работает хорошо, но смахивает только по одному слайду за раз. Есть ли способ пролистывать несколько …
17 ноя '20 в 15:43
1 ответ

Добавление нескольких классов для Swiper Pagination Bullet

Я пытаюсь добавить новый element class к каждому пункту пагинации, и я хочу сохранить стиль по умолчанию swiper. Так что я сделал pagination={ clickable: true, bulletClass: `swiper-pagination-bullet ${style['feature-pagination']}`, } Я смог получить…
1 ответ

как уничтожить ngx-swiper-wrapper в angular 8

Мне нужно уничтожить ngx-swiper-wrapper на мобильном устройстве, как это сделать <div class="swiper-container" [swiper]="config"> <div class="swiper-wrapper"> <div class="swiper-slide">1</…
14 окт '20 в 14:36
1 ответ

Как остановить распространение при нажатии кнопки следующего / предыдущего изображения swiper.js внутри карточки начальной загрузки

Я использую ngx-swiper-wrapper внутри карты начальной загрузки, как показано ниже, со ссылкой на маршрутизатор вверху. Поэтому, если я щелкну в любом месте карты, он будет маршрутизироваться. Работает отлично! Но я хочу остановить распространение от…
0 ответов

Миниатюры ngx-swiper-wrapper не кликабельны

Я ищу слайд-контент как элемент изображения, изображения и видео. для того же ngx-swiper-wrapper удовлетворяет требованиям. Но в то же время я не умею работать с эскизом. К вашему сведению, вот моя структура. public config: SwiperConfigInterface = {…
1 ответ

ОШИБКА в узле не существует: C:/volaris-web/node_modules/ngx-swiper-wrapper

У меня есть проект Angular 8. Все это конфигурации в моей системе. Узел:- v14.17.0,npm -v:- 6.14.8,Angular CLI:- 8.3.23 Во время компиляции ошибок нет. Но эта ошибка возникает во время выполнения. Я не делал никаких миграций и обновлений. Для решени…
1 ответ

Swiper игнорирует ng-контент

Я пытаюсь перейти с Angular 10. Мой подход состоит в том, чтобы иметь как можно более модульное решение. Из-за этого я хочу иметь swiper-wrapper.component и swiper-slide.component. Благодаря этому я могу передавать различные компоненты в swiper, и в…
20 май '21 в 13:47
0 ответов

Как сделать swiper в <mat-list> в angular 7

Я хочу сделать что-то подобное в этом Для этого я использую плагин ngx-swiper-wrapper. Я установил его и добавил в module.ts import { SwiperModule } from 'ngx-swiper-wrapper'; import { SwiperConfigInterface } from 'ngx-swiper-wrapper'; const DEFAULT…
28 май '21 в 12:59
5 ответов

Пагинация / навигация Swiper с помощью настраиваемой кнопки в angular

Я использую Swiper для angular и использую с ним оболочку Angular Swipper . Я пытаюсь добавить кнопку, которая пролистывает к следующему слайду. Но я понятия не имею, как получить экземпляр Swiper и как вызвать функция. Как я могу сделать то же само…
08 мар '21 в 11:23
0 ответов

Скрыть конкретный div при смене слайдера вручную путем скольжения и включения касанием слайда перемещение на сенсорном экране и включение при запуске автозапуска слайдера

Ползунок Swiper: после взаимодействия при запуске автовоспроизведения я хочу скрыть div(div.hide-all), а также при использовании устройства с сенсорным экраном: при ручном изменении слайда Пример скрытия (div.hide-all): http://jsfiddle.net/u53moy4w …
3 ответа

Не удается найти модуль 'swiper/types' Angular

Я пытался следовать https://swiperjs.com/angular, но получил эту ошибку, я также установил npm i @types / swiper, но все та же ошибка. Вот ошибка ОШИБКА в node_modules / swiper / angular / angular / src / swiper.component.d.ts:5:117 - ошибка TS2307:…
2 ответа

Настройка ngx-полезного-swiper в Angular 8 дает ошибку

Я следовал этому руководству, чтобы настроить слайдер Swiper в моем приложении Angular 8. Я получаю следующую ошибку при импорте NgxUsefulSwiperModule в app.module.ts ОШИБКА в ./node_modules/ngx-useful-swiper/fesm2015/ngx-useful-swiper.js Модуль не …
14 окт '21 в 07:09
0 ответов

Я получил эту ошибку в слайдере swiper, который упоминается на снимке экрана, и слайдер не отображается должным образом в режиме планшета

Я прикрепил снимок экрана, как он сейчас выглядит. Я добавил 4 слайда, но здесь показан только один слайд в режиме планшета [1]: https://stackru.com/images/363f13c11e4b1844e7a38c6aba98d2581c0c5ebf.png[2]: https://stackru.com/images/47cf5d490c12a70f1…
0 ответов

Как я могу заменить слайд-слайд или обновить HTML слайда-слайдера с помощью ngx-swiper-wrapper?

Вопрос . Как заменить слайд-слайд на новый или отредактировать содержимое HTML внутри слайда с помощью библиотеки-оболочки ngx-swiper-wrapper? У меня есть этот код, который создает ползунок swiper со слайдами, и я хочу отредактировать слайд или заме…
1 ответ

Руководство по переходу с Swiper 4.5.0 на 6.8.1 или последнюю версию?

Я пытаюсь найти шаги по обновлению Swiper 4.5.0 (хорошо используемого даже сейчас с проектом Angular 12) до 6.8.1 или до новейшего Swiper, и есть несколько вопросов о возможном обновлении: Для Swiper 6.8.1 мне все еще нужен ngx-swiper-wrapper? https…
0 ответов

добавить css при нажатии слайда в swiperjs angular

У меня есть несколько слайдов, и когда выбран 1, я хочу добавить к нему цвет границы, а когда выбран другой слайд, цвет границы затем добавляется к новому слайду и удаляется с другого. public desktopConfig: SwiperOptions = { slidesPerView: 3.5, navi…
0 ответов

Как я могу использовать эту функцию javascript, обратившись к ней в событии Angular?

В моем файле внутри самого класса я задаю этому классу разные свойства, например слайды в виртуальном объекте. Вопрос : я хочу получить доступ и добавить больше слайдов в свой.tsфайл в обоихngOnInitи в каком-то случае, но я не могу понять, как это с…