Значение ползунка мата в Angular 15

Код работал в Angular 14, но не работает в Angular 15.

    <mat-slider
            min = "1"
            max = "150"
            step = "10"
            value = "55"
            #itemHeight
     >
     </mat-slider>

     <label> {{ itemHeight.value  }} hie </label>

Ссылка StackBlitz => https://stackblitz.com/edit/angular-ixbgdr?file=src%2Fmain.ts

🤔 А знаете ли вы, что...
JavaScript имеет множество встроенных объектов, таких как Array, Date и Math.


52
2

Ответы:

Решено

Теперь вам нужно передать ввод слайдеру:

  <mat-slider min = "1" max = "5" step = "0.5" value = "1.5">
     <input matSliderThumb #itemHeight>
  </mat-slider>

  <label>  {{itemHeight.value}} </label>

Любые изменения четко изложены в руководстве по миграции MDC — Руководство по миграции MDC

Вы бы нашли свой ответ также в документах для компонента слайдера - Документация по материалам