Angular 自定义全局loadding 或是任意弹框

服务的方式实现全局 loadding 弹框

// LoaddingService.ts
import {
    LoaddingComponent } from './../components/loadding/loadding.component';
import {
    ComponentFactory, Injectable, ComponentFactoryResolver, ComponentRef } from '@angular/core';
import {
    Overlay, OverlayRef } from '@angular/cdk/overlay';
import {
    ComponentPortal } from '@angular/cdk/portal';

@Injectable({
   
  providedIn: 'root'
})
export class LoaddingService {
   

  overlayRef: OverlayRef;
  componentFactory: ComponentFactory<LoaddingComponent>;
  componentPortal: ComponentPortal<LoaddingComponent>;
  componentRef: ComponentRef<LoaddingComponent>