我想在弹出模式关闭之前添加一个类,然后在关闭之前等待一段时间。看看文档,我可以用它来存档
beforeDismiss
NgbModalOptions
期权;
https://ng-bootstrap.github.io/#/components/modal/examples
但它不起作用。这是我的开放式方法;
open(content) {
const options : NgbModalOptions = {
size: 'lg',
windowClass: 'animated bounceInUp',
beforeDismiss: () => {
setTimeout(()=>{
alert ('Hello!');
},2000);
return false;
}
};
this.modalRef = this.modalService.open(content, options).result.then((result) => {
//this.closeResult = `Closed with: ${result}`;
}, (reason) => {
//this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;
});
console.log (this.modalRef);
}
this.modalRef.close
但这显示了一个错误modalRef。关闭不是一个函数。
使现代化
<ng-template #content let-c="close" let-d="dismiss">
<div class="modal-header">
<h4 class="modal-title">Save As Site Product Settings</h4>
<button type="button" class="close" aria-label="Close" (click)="d('Cross click')">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
{{product.title}}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" (click)="saveProductAs()">Save As Site Product</button>
<button type="button" class="btn btn-outline-dark" (click)="c('Close click')">Close</button>
</div>
</ng-template>
我发现它不适用于这一点
<button type="button" class="btn btn-outline-dark" (click)="c('Close click')">Close</button>
c('Close click')
?