Angular2: utilisation de md-progress-circle - angular, design de matériau, angular-material2

J'essaie d'utiliser md-progress-circle sur monApplication Angular2. J'ai un composant de formulaire de connexion, et lorsque l'utilisateur appuie sur connexion, je montrerais un cercle de progression sur le formulaire jusqu'à ce que la connexion soit terminée (et centrée). Voici mon code:

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

Maintenant, si je lance l'application, je ne peux pas voir le formulaire de connexion. md-progress-circle passe en revue mon formulaire de connexion, en fait, si je supprime * ngSi la condition, je peux voir un seul cercle, mais pas de formulaire. Qu'est-ce qui ne va pas?

Réponses:

Vous avez mis le formulaire de connexion à l'intérieur md-progress-circle, c'est pourquoi il n'est pas visible. Tout contenu entre les deux <md-progress-circle></md-progress-circle> La balise sera ignorée par le composant. Vous devez conserver le formulaire de connexion et md-progress-circle séparer comme ça,

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