Закрыть модальный по щелчку

Question

У меня есть модель с настраиваемыми кнопками

<modal #modal> 
     <modal-header [show-close]="true"> 
      Header Text 
     </modal-header> 
     <modal-body> 
      Body Text 
     </modal-body> 
     <modal-footer> 
      <button type="button" class="btn btn-default" data-dismiss="modal" (click)="modal.dismiss()">Cancel</button> 
      <button type="button" class="btn btn-primary" (click)="SaveProject()">Ok</button> 
     </modal-footer> 
    </modal> 

На компонентной стороне у меня есть код для SaveProject()

SaveProject() { 
//  Some Logic 

    } 

Я хочу, чтобы закрыть модальное после того, как логика завершена , Для этого, я осуществил это на странице компонента

import { ModalComponent } from 'ng2-bs3-modal/ng2-bs3-modal'; 

В экспортном классе у меня есть

modal: ModalComponent; 

И в моем случае клик у меня есть

SaveProject() { 
//  Some Logic 
this.modal.close(); 
    } 

Но он не работает

Answer 1

Вам необходимо использовать ViewChild, как указано выше.

@ViewChild('modal') 
modal: ModalComponent; 

Затем вы можете использовать close или даже dismiss, если вы хотите, в зависимости от случая использования:

SaveProject() { 
    this.modal.close(); 
    // this.modal.dismiss(); 
} 

Больше информации here, выдержка из страницы:

close(value?: any): Promise<any> 

Закрывает модальный. Вызывает выброс Close. Возвращает обещание, которое разрешает переданное значение закрыть, когда модаль полностью скрыт.

dismiss(): Promise 

Отклонено модальным. Причин вычитания. Возвращает обещание, которое разрешает, когда модально полностью скрыта.