在md对话框中使用md进度线性

Using md-progress-linear inside md-dialog

本文关键字:md 线性 对话框      更新时间:2023-09-26

我正在尝试在md对话框中使用md进度线性。我的进度条代码如下。

<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链路

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

您的视觉无法正确识别的原因。dialog.html中的主div没有大小。放入md对话框:

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

您将看到其他操作是正确的。