Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/371.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Can';t在ngx引导的转盘组件上动态更改每张幻灯片上的项目_Javascript_Angular_Ngx Bootstrap - Fatal编程技术网

Javascript Can';t在ngx引导的转盘组件上动态更改每张幻灯片上的项目

Javascript Can';t在ngx引导的转盘组件上动态更改每张幻灯片上的项目,javascript,angular,ngx-bootstrap,Javascript,Angular,Ngx Bootstrap,我试图更改旋转木马在运行时显示的项目数,原因是我的页面支持智能手机等小型设备,我的想法是当用户在智能手机中看到页面时,每张幻灯片仅显示2个项目,但每次我更改旋转木马的itemsPerSlide附加值时,它根本没有改变,如果我做错了什么,你可以在下一个stackbizz中测试这个行为-如果你想检测移动或桌面,你可以在编译时使用navigator.userAgent API(),而不是在运行时更改它。下面是我在iOS设备上使用以下TS试用的工作叉: private mobileDevice(): b

我试图更改旋转木马在运行时显示的项目数,原因是我的页面支持智能手机等小型设备,我的想法是当用户在智能手机中看到页面时,每张幻灯片仅显示2个项目,但每次我更改旋转木马的
itemsPerSlide
附加值时,它根本没有改变,如果我做错了什么,你可以在下一个stackbizz中测试这个行为-

如果你想检测移动或桌面,你可以在编译时使用navigator.userAgent API(),而不是在运行时更改它。下面是我在iOS设备上使用以下TS试用的工作叉:

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引导carousel似乎无法仅通过更改输入项sperslide来实现,那么可以尝试销毁节点,然后在和API的帮助下注入新的carousel


请尝试阅读此内容,除非您无法理解,请告诉我解决方案。

如果您想检测移动或桌面,可以在编译时使用navigator.userAgent API(),而不是在运行时更改它。下面是我在iOS设备上使用以下TS试用的工作叉:

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引导carousel似乎无法仅通过更改输入项sperslide来实现,那么可以尝试销毁节点,然后在和API的帮助下注入新的carousel


试着读一下这篇文章,除非你想不出来,否则请告诉我一个解决方案。

嗨!阅读你试图达到的目标可以通过目标设备在编译时完成,或者这不是你的选择吗?好吧,这可能是一个选择,但你能分享一个你的观点的例子来更清楚地看到它吗?感谢您的链接已断开您是正确的,
itemsPerSlide
属性仅在初始化时影响旋转木马,因此如果值更改,则不会发生任何事情。我同意这是一个令人沮丧的问题。ngx引导库中有一个,请投票。嗨!阅读你试图达到的目标可以通过目标设备在编译时完成,或者这不是你的选择吗?好吧,这可能是一个选择,但你能分享一个你的观点的例子来更清楚地看到它吗?感谢您的链接已断开您是正确的,
itemsPerSlide
属性仅在初始化时影响旋转木马,因此如果值更改,则不会发生任何事情。我同意这是一个令人沮丧的问题。ngx引导存储库中有,请投票支持。