使用Toast时报错

[NamesJerry]

Version

6.0.0

Environment

ng-zorro-antd-mobile版本6.0.0 ， angular版本13.2.0，angular-cli版本13.2.6

Reproduction link

https://stackblitz.com/edit/ng-zorro-antd-mobile-start?file=src/app/app.component.ts

Steps to reproduce

点击动作出现Toast,关闭后控制台报错，后面再继续点就出不来，报错：core.mjs:6485 ERROR DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node

What is expected?

能正常使用

What is actually happening?

半成品一个

Other?

[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'):
  } 
}