无法动态更改ngx-bootstrap的Carousel组件上每张幻灯片的项目

问题描述 投票:1回答:1

我正在尝试更改轮播在运行时显示的项目数量,其原因是我的页面支持智能手机等小型设备,我的想法是当用户看到其中的页面时,每张幻灯片仅显示2个项目他/她的智能手机,但是每次我更改轮播itemsPerSlide上的值时,它都不会改变,我做错了什么,您可以在下一个Stackbizz中测试此行为-Change items per slide demo >

我正在尝试更改轮播在运行时显示的项目数量,原因是我的页面支持智能手机等小型设备,我的想法是每张幻灯片仅显示2个项目...

javascript angular ngx-bootstrap
1个回答
0
投票

如果要检测移动设备还是台式机,则可以在编译时使用navigator.userAgent API(other approaches),而不是在运行时进行更改。这是我使用以下TS在iOS设备上尝试过的工作叉example

© www.soinside.com 2019 - 2024. All rights reserved.