Question

我正在尝试在我的Angular2应用上使用md-progress-circle。我有一个登录表单组件，当用户按下登录时，我会在表单上显示进度循环，直到登录完成（并居中）。这是我的代码：

<div class="flex-container">
<div style="width:400px;text-align:center">
    <md-progress-circle mode="indeterminate" color="primary" *ngIf="showSpinner">

         <!-- my code for login form -->
    </md-progress-circle>

</div>
</div>

现在，如果我启动应用程序，我看不到登录表单。 md-progress-circle超过我的登录表单，事实上，如果我删除* ngIf条件，我可以看到oonly circle，但没有表单。怎么了？

Answer 1

您已将登录表单放在md-progress-circle中，这就是为什么它不可见。组件将忽略<md-progress-circle></md-progress-circle>标记之间的任何内容。您应该保留登录表单并md-progress-circle分开，

<div class="flex-container">
<div style="width:400px;text-align:center">
    <md-progress-circle mode="indeterminate" 
                        color="primary" 
                        *ngIf="showSpinner">
    </md-progress-circle>
    <div *ngIf="!showSpinner">
         <!-- my code for login form -->
    </div>
</div>
</div>

Angular2：使用md-progress-circle

1 个答案: