无法在ngx-bootstrap的Carousel组件上动态更改每张幻灯片的项目
无法在ngx-bootstrap的Carousel组件上动态更改每张幻灯片的项目
提问于 2020-01-15 06:24:13
我正在尝试更改轮播在运行时显示的项目数，原因是我的页面支持智能手机等小型设备，我的想法是当用户在他/她的智能手机中看到页面时，每张幻灯片只显示2个项目，但每次我更改附加到轮播的itemsPerSlide的值时，它根本不会改变，我做错了什么吗?您可以在下一个stackbizz - Change items per slide demo中测试此行为
Stack Overflow用户
发布于 2020-01-16 20:29:55
如果您想要检测移动或桌面，您可以在编译时使用navigator.userAgent应用程序接口(other approaches)，而不是在运行时更改它。下面是我使用以下TS在iOS设备上试用的工作分支example：
private mobileDevice(): boolean {
return navigator.userAgent.match(/Android/i)
|| navigator.userAgent.match(/webOS/i)
|| navigator.userAgent.match(/iPhone/i)
|| navigator.userAgent.match(/iPad/i)
|| navigator.userAgent.match(/iPod/i)
|| navigator.userAgent.match(/BlackBerry/i)
|| navigator.userAgent.match(/Windows Phone/i)
? true : false;
}然而，如果希望通过在运行时切换来实现此功能，因为ngx-bootstrap carousel似乎不能仅通过更改输入itemsPerSlide来工作，可以尝试销毁节点，然后在ViewChild和TemplateRef API的帮助下注入一个新的carousel。
试着阅读这个post，除非你弄不明白，否则请让我知道解决方案。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59742627
复制相关文章
相似问题
腾讯云开发者
