0

我最近升级到 Angular 12 并安装了 Angular Material Experimental 以试用新的垫子滑块。我实际上想要一个范围滑块，它在当前的 Angular Material 包中不可用，我更愿意留在 Angular Material 生态系统中。

从下面的讨论中，我决定在材料实验https://github.com/angular/components/issues/1331中尝试新的 mat-slider

代码：

模块：

import { MatSliderModule } from '@angular/material-experimental/mdc-slider'; 与适当的进口等

HTML： <mat-slider discrete markers thumbLabel [min]="0" [max]="100" [step]="5" values="[10,20]"></mat-slider>

GUI：我得到以下视觉效果 - 只是滑块 img的后栏

错误：和控制台错误：

main.js:1 ERROR TypeError: Cannot read property '_getHostElement' of undefined
    at me.value (main.js:1)
    at Object.Lt.setThumbStyleProperty (main.js:1)
    at main.js:1
    at main.js:1
    at ae.<computed> (polyfills.js:1)
    at X.invokeTask (polyfills.js:1)
    at Object.onInvokeTask (main.js:1)
    at X.invokeTask (polyfills.js:1)
    at X.runTask (polyfills.js:1)
    at X.invokeTask (polyfills.js:1)

正常的 Angular Material 垫滑块不是开始工作的问题。

有什么明显的东西我错过了_getHostElement错误吗？也许要导入另一个模块？我似乎在实验中找不到与 Mat-Slider 的此错误相关的任何内容。

4

1 回答 1

0

我遇到了同样的问题。显然，自从您提出这个问题以来，他们已经更新了代码，因为他们现在在控制台中给您一个提示：

   Valid configurations are as follows:
    <mat-slider>
      <input matSliderStartThumb>
      <input matSliderEndThumb>
    </mat-slider>
于 2022-01-26T11:01:15.510 回答