angularjs -mddiaglog没有立即出现

Question

嗨，我正在使用 $ mdDialog 来显示进度条，直到我的过程完成。

我的过程包括一些ajax调用，大约需要2分钟。

下面是我的工作代码。但是某些弹出窗口在过程完成后如何显示，但在过程开始前并不会立即显示。

<div style="visibility: hidden">
    <div class="md-dialog-container" id="myDialog">
      <md-dialog layout-padding>
        <div class="myProgress">
            <div class="myBar" style="width: {{progress.toFixed(2)+'%'}}" id="#progress" >
                10%
            </div>
        </div>
        Loading:....
      </md-dialog>
    </div>
</div>

$mdDialog.show({
    contentElement: '#myDialog',
    parent: angular.element(document.body),
    clickOutsideToClose: false
});

For() { // many ajax calls }
--close popup.

您能帮忙吗？