角度材质：标签干扰滑块值

Question

我注意到在使用 Angular Material 选项卡和滑块时，页面加载时的滑块值有时是错误的。

这取决于滑块是在标签之前还是之后。

<mat-slider
  class="mat-slider-horizontal"
  id="1"
  min="10"
  max="300"
  step="1"
  value="150"
></mat-slider>

<mat-tab-group animationDuration="0ms">
  <mat-tab label="Transform">
    <mat-slider
      class="mat-slider-horizontal"
      id="2"
      min="10"
      max="300"
      step="1"
      value="150"
    ></mat-slider>
  </mat-tab>
  <mat-tab label="Border">Content 2</mat-tab>
  <mat-tab label="Box-Shadow">Content 3</mat-tab>
</mat-tab-group>

<mat-slider
  class="mat-slider-horizontal"
  id="3"
  min="10"
  max="300"
  step="1"
  value="150"
></mat-slider>

在上面的例子中，发生了以下情况：

• 滑块 1：页面加载值正确为“150”
• 滑块 2：页面加载值处于最大值，然后立即向下滑动到“150”
• 滑块 3：页面加载值处于最大值，然后立即向下滑动到“150”

我正在使用：

• Angular 11.0.4
• 角材料 11.0.3

对我来说，这真的是出乎意料的行为，还是我错过了什么？