在md-dialog中使用md-progress-linear

时间:2015-11-20 09:46:11

标签: javascript angularjs material-design

我正在尝试在md对话框中使用md-progress-linear。我的进度条的代码如下所示。

<div class="container">
    <md-progress-linear md-mode="determinate" value="{{testCounter}}"></md-progress-linear>
    <div class="bottom-block">
      <span>Loading application libraries...</span>
    </div>
</div>

通常它的工作正常,但是当我在一个md对话框中使用它时它无法正常工作。

plunker link

在上面的链接中,我使用的代码可用,主页中的衬垫条工作正常。但是当我点击打开时,模态会打开,但是没有出现直线条。

1 个答案:

答案 0 :(得分:0)

您的视觉无法识别的原因。 dialog.html 中的主要div没有大小。 放入md-dialog:

 style="width: 100px; height: 100px;"

你会看到其他工作正常。