this.bsModalRef.hide () не работает, когда мы вызываем более одной всплывающей модели в angular 6

Question

Я использую 3 модели всплывающих окон. например parent, child и child1 я могу закрыть после открытия всплывающего окна родительской и дочерней модели, но не могу закрыть всплывающее окно дочерней модели после закрытия модуля child1

шаги: открыть всплывающее окно родительской модели -> отсюда открыть дочернее всплывающее окно -> отсюда открыть всплывающее окно child1

Теперь закройте всплывающее окно child1 и затем дочернюю модель

Не закрывается

constructor(
private bsModalRef: BsModalRef,
private modalService: BsModalService) {

}

OpenChild1Component()
{ 
     this.bsModalRef = this.modalService.show(child1, {
     initialState: {
     childId: "343453"
     },
     class: 'modal-lg'
     });
}

onCancel() {
    this.bsModalRef.hide();
}