angular 2 nouislider：如何重新创建滑块？

Question

我需要更改滑块上的手柄数量。谷歌搜索时说我需要再次销毁和创建滑块。

现在它在这里说：Updating and reading slider options：

  

要更新任何其他选项，请使用删除滑块   slider.noUiSlider.destroy（）并创建一个新的。请注意事件是   在销毁滑块时没有未绑定。

我能够破坏滑块：

@ViewChild('slider') slider;

destroySlider() {
    this.slider.slider.destroy();
}

但我似乎无法找到如何以角度创建滑块。

感谢任何帮助。

Answer 1

您可以通过EmbeddedView

将滑块包裹在*ngIf中

<强> component.html

<button (click)="reCreate()">Recreate slider</button>

<nouislider *ngIf="flag" #slider [config]="someKeyboardConfig"></nouislider>

然后reCreate函数看起来像：

<强> component.ts

flag = true;

reCreate() {
  this.slider.slider.destroy();
  this.flag = false;
  this.cdRef.detectChanges();
  this.flag = true;
}

<强> Plunker Example