问题标签 [ngx-swiper-wrapper]

我正在尝试构建两个滑块，当触发鼠标滚轮事件时，它们将水平滚动（相反方向）。

正如您在此处看到的，使用具有以下配置的 Swiper API 非常容易：

正如您在这里看到的那样，它就像一个魅力： https ://jsfiddle.net/sx0mc9po/

我使用鼠标滚轮选项eventsTarget: 'body'，以便在页面上的任何位置触发滚动事件。

在 Angular 中，我使用ngx-swiper-wrapperas 指令，并且 Swiper 工作正常：

配置与上面提到的相同。但是 Angular 完全忽略了这个选项

我的鼠标指针必须悬停在滑动容器上，否则它不会滚动任何容器。由于有两个 swiper-container 它只滚动一个。

我不确定这是一个错误还是 Angular 不允许body从这个组件中放置一个监听器。如果是这样，有什么解决方法还是我错过了什么？

问题：

在我的 Angular 8 项目中，我使用了 ngx-swiper-wrapper但运行后，我在控制台中收到以下错误： k.children is not function.

问题位于这些代码行中。

这是浏览器中显示的错误。

core.js.pre-build-optimizer.js:7187 错误类型错误：k.children 不是 demo.component.ts 的 new e (swiper.esm.js.pre-build-optimizer.js:3229) 的函数： 37 在 a.invokeTask (zone-evergreen.js.pre-build-optimizer.js:391) 在 Object.onInvokeTask (core.js.pre-build-optimizer.js:30885) 在 a.invokeTask (zone-evergreen. js.pre-build-optimizer.js:390) 在 t.runTask (zone-evergreen.js.pre-build-optimizer.js:168) 在 invokeTask (zone-evergreen.js.pre-build-optimizer.js: 465) 在调用 (zone-evergreen.js.pre-build-optimizer.js:454) 在 n.args。(zone-evergreen.js.pre-build-optimizer.js:2650)

有人可以帮我解决这个问题吗？我尝试了很多来找到解决方案，但我不知道这个 k.children 来自哪里。谢谢你。

我在下面这样的引导卡中使用ngx-swiper-wrapper，顶部有一个 routerlink。因此，如果我单击卡上的任何位置，它将路由。工作正常！但是，如果我在任何滑动图像上滑动/单击左/右，我想停止路由传播。我可以捕捉到事件，但似乎无法弄清楚如何停止事件方法内的传播。

任何帮助，将不胜感激。一个问题是'onIndexChange()'，$event 只是索引号，所以我不能从那个开始工作，与 onSwiperEvent() 一样，我传入的 $event 是一个空数组。

仅供参考 - 我在下面都试过了，但都没有运气。都没有停止路由

我需要销毁移动设备中的 ngx-swiper-wrapper 如何做到这一点

我的ts文件代码

如何销毁移动设备中的刷卡器

我正在尝试为element class每个分页项目符号添加一个新的，并且我想保留swiper. 所以我所做的是

我能够获得风格swiper-pagination-bullet和我的自定义风格。但是，其他功能不再起作用（例如单击功能、主动选择）

我试图检查代码，看起来swiper当前没有处理多个类，因为这行代码返回empty，因为它只需要一个类。

有什么解决方法吗？我喜欢为此创建拉取请求，但我想问问我在这里失踪的社区。

我将Swiper用于 Angular 并使用 Angular Swipper包装器。我正在尝试添加一个onclick滑动到下一张幻灯片的按钮。

但我不知道如何获取 Swiper 实例以及如何调用slidenext函数。我该怎么做？提前致谢。

我希望将内容滑动为图片、图像和视频元素。对于相同的 ngx-swiper-wrapper 符合要求。但同样，我无法使用缩略图。

仅供参考，这是我的结构。

HTML：

现在，在ngAfterViewInit this.galleryImages;显示未定义

这个实现是基于这个 Git 链接https://github.com/zefoy/ngx-swiper-wrapper/issues/242对leadroz 的评论。

我没有看到它的其他例子。如果有人实现了这一点，也可以提供帮助。

我想做这样的事情

所以为此我使用插件ngx-swiper-wrapper。我已经安装了它并在 module.ts 中添加了

在 .html 我用过

我已经在这个演示中展示了它

我想在视图中显示包含项目和垫子滑块的列表。只有当我从右向左滑动时，我才想显示一个按钮Add note。当一个按钮在视图中时，我想从左向右滑动它。

请你能与我分享如何实现它的任何想法吗？

我试图关注https://swiperjs.com/angular但我得到了这个错误，我也安装了 npm i @types/swiper 但仍然是同样的错误。这是错误

node_modules/swiper/angular/angular/src/swiper.component.d.ts:5:117 中的错误 - 错误 TS2307：找不到模块“swiper/types”或其相应的类型声明。

5 从 'swiper/types' 导入 { SwiperOptions, SwiperEvents, NavigationOptions, PaginationOptions, ScrollbarOptions, VirtualOptions }；

我的应用模块

在我的全球风格中，我添加了

我按照本指南在我的 Angular 8 应用程序中设置了滑动滑块。

将NgxUsefulSwiperModule导入app.module.ts时出现以下错误

./node_modules/ngx-useful-swiper/fesm2015/ngx-useful-swiper.js 中的错误模块未找到：错误：无法解析“C:\Users\Dan\NewAngular\node_modules\ngx”中的“swiper/bundle” -有用的刷卡器\fesm2015'

我尝试删除 node_modules 文件夹并重新安装所有内容，但每次都失败。

有人可以告诉我我做错了什么吗？

这是我的 package.json 文件