角度材质:Md滑块点未显示在指令模板中

时间:2015-09-06 07:52:21

标签: angularjs angular-material

我正在使用带有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标记。任何人都知道如何解决这个问题?

0 个答案:

没有答案