Angular2：md-progress-circleを使用

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サークルが表示されますが、フォームは表示されません。 どうしたの？

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>