Закрыть ng-Bootstrap Modal on save

Question

Как я могу закрыть ng-bootstrap modal после того, как моя функция сохранения была успешной?

Вот что я до сих пор:

save(form, activeModal) { 
    this.goalsService.createNewGoal(this.team_id, form.value, this.date_created, this.date_modified) 
     .subscribe(
     () => { 
      form.reset(); 

      activeModal.dismiss('Successfully created Goal'); 

     }, 
     err => alert(`error creating goal ${err}`) 
    ); 

    } 

Answer 1

Оказывается, это было очень просто исправить. Все, что мне нужно сделать, это изменить activeModal.dismiss('Successfully created Goal'); к this.activeModal.dismiss('Successfully created Goal');

Answer 2

В момент открытия модального с использованием NgbModal службы, он возвращает NgbModalRef экземпляр.

Используя возвращенный экземпляр, мы можем закрыть или отклонить модальный.

loginModel : NgbModalRef; 
constructor(private modalService:NgbModal) {} 

onOpen(){ 
    this.loginModel = this.modalService.open(content); 
} 

onSave(){ 
. 
. 
. 
    (success)=>{ 
     this.loginModel.close(); 
    } 
}