使用Toast时报错

[NamesJerry]

使用Toast时报错

[amoycode]

可以继承ToastService,然后改写hide方法。。。

@Injectable({ providedIn: 'root' })
export class CustomToastService extends ToastService {
  myZone?: NgZone;
  constructor(_appRef: ApplicationRef, _cfr: ComponentFactoryResolver, _zone: NgZone) {
    super(_appRef, _cfr, _zone);
    this.myZone = _zone;
    ToastService.prototype.hide = () => {
      if (this.timeout) {
        clearTimeout(this.timeout);
      }
      if (this.compRef) {
        this.myZone!.run(() => {
          this.compRef.destroy();
          if (document.body.contains(this.insertElement)) {
            document.body.removeChild(this.insertElement);
          }
        });
      }
    };
  }
}

使用

export class YourComponent {
  constructor(private customToast: CustomToastService) {}

  show() {
    this.customToast.fail('This is a message'):
  } 
}