Ng бутстрап модальный не всплывает сразу после закрытия одного модального всплывающего окна в угловой - PullRequest
Новая
       22

Ng бутстрап модальный не всплывает сразу после закрытия одного модального всплывающего окна в угловой

0 голосов
/ 08 июня 2019

Вот проблема, enter image description here

Я хочу просто открыть всплывающие окна successModal if(res != null || res != undefined) В противном случае хочу всплывающие окна failModal. Но он появляется в фоновом режиме сразу после закрытия ReserveModal.

Вот мой код: Вот мой код: - 

this.locolService.sendActivityRequest(requestObject).subscribe((res)=>{
      console.log('response after sending request ', res.description);
      if(res != null || res != undefined){
        this.reserveModel.close();
        this.modalService.open(successModal);
      }
    }, error =>{
      this.errors = error.error.description;
      this.errors = this.errors.replace("User","You");
        console.log('error ', this.errors);
      this.reserveModel.close();
      this.modalService.open(failureModal);
    });
  }

Вот мой компонент.html: - 

<ng-template #requestSentModelSuccess let-c="close" let-d="dismiss">
  <div class="modal-header">
    <h4 class="modal-title" id="modal-basic-title">Hi there!</h4>
    <button type="button" class="close" aria-label="Close" (click)="d('Cross click')">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div class="modal-body">
    <p>Congrats! Your place has been reserved. A will of receipt will be sent on your email also<br /><br />Check My
      Account
      for your reservations</p>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-outline-dark" (click)="c('Save click')">Close</button>
  </div>
</ng-template>

  <!--MODAL-3-->
  <ng-template #requestSentModelFaliure let-c="close" let-d="dismiss">
    <div class="modal-header">
      <h5 class="modal-title text-uppercase" id="">Error</h5>
      <button type="button" class="close" (click)="d('Cross click')" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    <div class="modal-body">
      <p>{{this.errors}}<br /><br />Check My
        Account
        for your reservations</p>

      <a type="button" (click)="onNewSearch(false)" class="btn btn-primary mybtngreen btn-lg text-uppercase">My
        Account</a>
      <a type="button" (click)="onMyAccount(false)" class="btn btn-outline-secondary btn-lg text-uppercase">New
        search</a>
      <div class="mt-2"></div>
      <div class="clearfix"></div>
    </div>
  </ng-template>

Я ссылался: requestSentModelFaliure как failModal и requestSentModelSuccess как successModal с использованием NgbModalRef.

...