上点击

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> 

关闭次数模态。关闭的原因被发射。返回一个承诺，用于解决模态完全隐藏时传递的值。

dismiss(): Promise 

解除模态。 onDismiss的原因被发射。返回一个承诺，可以在模态完全隐藏时解决。