问题标签 [angularjs-slider]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
63 浏览

angularjs - angularjs-slider 不带逗号的值

angularjs -slider应显示不带逗号的值,并且仅在最小最大值上显示逗号值。示例: [6.5, 7, 8, .... , 31, 31.5]

如果我设置

值为 [6.5, 7.5, 8.5 ... 31.5]

我该如何设置?

0 投票
1 回答
778 浏览

angularjs - Angularjs Price Range Slider 基于 Min-Max 动态操作内容

我是 AngularJS 的新手,我正在使用angular-slider来指定价格范围。我想显示范围指定的唯一元素。

这是AngularJS 代码-

HTML-

我认为可以使用过滤器来完成,但我不确定。任何解决方案?

0 投票
1 回答
492 浏览

html - Angularjs自定义过滤器不起作用

我正在尝试根据范围过滤元素。我正在使用两个控制器和$rootScope广播方法来检索滑块的最小-最大范围并与另一个控制器共享它。

HTML-

AngularJS-

我尝试调试,过滤器工作正常,但它不会反映在模板中。

0 投票
1 回答
427 浏览

javascript - 如何将输入日期与 RZSlider 集成为时间选择器 Angular Js?

我正在使用 RZslider 实现日期和时间选择器。我将 RZslider 构建为时间选择器。所以现在 Rzslider 采用当前日期。但我想更改用户选择的日期。我正在分享我的演示示例:

如果我选择 2 July 则滑块已更改图例。您可以在屏幕截图中看到。

在此处输入图像描述

我尝试了mean的放置$scope.dateBirth位置,但它没有显示在 html 页面中。我是角度的新手,但我阅读了两种方式绑定。我认为这与两种方式绑定有关。如果你有一些想法,请分享。var currentTime = moment();var currentTime = $scope.dateBirth;

0 投票
1 回答
220 浏览

javascript - 反转水平 AngularJS 滑块自定义比例

我正在使用这个AngularJS Slider,水平的。我举了一个例子,将点除以不同的距离。该示例从很远的距离开始,以很小的距离结束: 在此处输入图像描述

我想做的是反转比例保持编号。这是我的代码:JSFIDDLE

如您所见,我更改了功能customValueToPosition

有两个问题: 数字是倒置的。我想从0离开而不是从5开始。那么第一个和最后一个值的点击有问题。如果您在第一个元素之前(或最后一项之后)稍稍单击,则选择将落在相反的值上。因此,如果我只是在第一个元素之前单击,请选择最后一个。反之亦然。 在此处输入图像描述

0 投票
1 回答
229 浏览

javascript - 带有自定义比例的负角 AngularJS 滑块

我正在使用 AngularJS 滑块的自定义比例,如您在此处看到的:JSFIDDLE

现在,我想要的是从-1开始。所以我改变了选项:

至:

但这是结果:JSFIDDLE

如您所见,它从“0”值开始,然后与“1”和“-1”重叠。我怎样才能有正确的顺序?(-1, 0, 1, 2, 3, 4, 5)

0 投票
1 回答
97 浏览

angularjs - Angularjs 滑块,customValueToPosition 不能与范围选择一起使用

我正在尝试使用 angularjs 滑块进行范围选择和自定义缩放。

这是滑块选项对象...

jsfiddle http://jsfiddle.net/cwhgLcjv/2527/

我面临的问题是
1)滑块指针在除刻度之外的值之间不可见
2)无法正确选择范围

如果有任何格式错误,请致歉。

0 投票
0 回答
56 浏览

javascript - Angularjs rz-slider没有在键盘箭头键上返回值

嗨,我正在使用最新版本的 AngularJS rz 滑块。我能够从滑块中获取鼠标事件的更改值。但是我无法在键盘事件键(如箭头键)上获取更改/最终值,尽管我看到滑块在移动

下面是我的代码html:

控制器 :

我正在从 onEnd 事件中获取价值。非常感谢任何帮助

0 投票
1 回答
931 浏览

javascript - 为什么在监视表达式中更新滑块选项时,AngularJS Slider (rzslider) 不能正确更新?

我有一个设置为默认值的 rzslider。

HTML:

Javascript:

在 Watch Expression 中,有更新滑块选项的代码:

运行监视表达式中的代码后,我希望滑块的上限选项会发生变化。但是,即使 的值$scope.slider已正确更新,更改也不会出现在滑块本身上。

我已尝试按照AngularJS Slider Github页面上的文档重新渲染滑块,但它不能解决问题。

0 投票
1 回答
179 浏览

angular9 - ngx-slider - 配置步骤是 50 并且可以动态值

我在angular9中使用ngx-slider,配置如下:

滑块将首次显示为 50 美元。
我希望它会以 46 美元的价格显示。
我怎样才能做到这一点?

在此处输入图像描述