angular - ng5-slider 高值设置在错误的位置

Question

我在 mat-menu 中使用 ng5-sliders 但每个 slider 的高值设置在错误的位置，而不是在 slider 的边缘。

我尝试了一些解决方案，例如。 manual refresh 但它不起作用

stackblitz 上有例子

Answer 1

我遇到了同样的问题。只需将超时时间增加到 200 即可解决。

import { Component, OnInit, EventEmitter } from '@angular/core';
import { Options } from 'ng5-slider';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent implements OnInit {
  displayMenu = true;
filterElement = [
      {
        value: 0,
        highValue: 15,
        options: {
          floor: 0,
          ceil: 15,
          step: 0.1
        },
      },
      {
        value: 1,
        highValue: 1200,
        options: {
          floor: 1,
          ceil: 1200,
        },
      }];
  manualRefresh: EventEmitter<void> = new EventEmitter<void>();

  ngOnInit() {
  }
  noClickable($event: MouseEvent) {
    $event.stopPropagation();
  }
  onMenuOpen() {
      this.displayMenu = true;
  }
  menuToggle(value: boolean) {

    setTimeout(() => {
        console.log('Test');
        this.manualRefresh.emit();
    }, 200);

  }
}

这是我刚刚将超时从 100 更改为 200 的资源链接

https://stackblitz.com/edit/angular-8c46ta