ローダーコンポーネント、ローダーコンポーネントhtmlにshow = true/falseがあります。私はapp.component.htmlにインクルードするときにうまく動作しているmatSpinnnerをインクルードしようとしていますが、背景はグレーではありません。角材MatSpinner背景をグレーアウトする方法
loading.component.html:app.component.htmlで
<div class="spinner_container"><mat-spinner *ngIf="show"></mat-spinner></div>
の.css
.spinner_container {
border-radius: 10px;
height: 70px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
width: 70px;
z-index: 3;
opacity: 0.5;
}
:
<app-header></app-header>
<app-loader></app-loader>
<router-outlet></router-outlet>
ここでAPP-ローダはIローダ成分でありますapp.component.htmlに配置していますが、アプリケーションの背景の背景をグレー表示にすると、ユーザーはクリックできなくなりますスピナーが消えるまでの任意のコントロール。
ここは私のスピナーのイメージですが、すべてのバックグラウンドコントロールがアクセス可能でグレー表示されていない点を除いては問題ありません。どんな助け?
と上のクラスはオフ表示を切り替えることができていますフルスクリーンのオーバーレイとして –
@TroyBryantはあなたが提案しているCSS変更を共有できますか? –