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

Question

我在angular9中使用ngx-slider，配置如下：

     options = {
            floor: 0,
            ceil: 1000,
            step: 50,
            hideLimitLabels: true,
            translate: (value: number): string => {
                return '$' + value;
            }
      }
      value = 46;

<ngx-slider [(value)]="value" [options]="options" (userChangeEnd)="onUserChangeEnd()"></ngx-slider>

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

Answer 1

您是否尝试将底价设为 46

options = {
        floor: 46,
        ceil: 1000,
        step: 50,
        hideLimitLabels: true,
        translate: (value: number): string => {
            return '$' + value;
        }
  }