我正在使用带有md-discrete选项的MD-Slider来显示轨道上的刻度线 . 奇怪的是，指纹模板中滑块的刻度不会显示 . 但在指令之外它起作用 .

我已经添加了一个屏幕截图来向您展示 . 请参阅此示例的JADE代码：

div.sliding-footer-panel(ng-class="{ open: openFooter}" layout="column")
  div.trigger(layout="column"  layout-align="center center" ng-click="openFooter=!openFooter")
    md-icon(ng-hide="openFooter" md-svg-icon="hardware:ic_keyboard_arrow_up_24px")
    md-icon(ng-show="openFooter" md-svg-icon="hardware:ic_keyboard_arrow_down_24px")

  md-slider.md-primary(md-discrete flex min="-0.5" max="4" step="0.5" aria-label="Change play rate")

  div.footerContent(layout="column" flex)
    audio-player

enter image description here

指令 audio-player 加载 <audio> 标记及其旁边的滑块 . footerContent div上方的幻灯片在主视图中正确呈现并呈现点 .

当我查看track元素中的canvas标签时，我看到它的尺寸为0.在指令外部加载的那个具有正常尺寸 .

screenshot

因此，我通过指令未正确加载CANVAS标记 . 任何人都知道如何解决这个问题？

angularjs angular-material