我有一个模态:
<template #warningModal let-c="close" let-d="dismiss"> <div class="modal-header"> <button type="button" class="close" aria-label="Close" (click)="d('Cross click')"> <span aria-hidden="true">×</span> </button> <h4 class="modal-title">Warning</h4> </div> <div class="modal-body"> The numbers you have entered result in negative expenses. We will treat this as $0.00. Do you want to continue? </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" (click)="c('Close click')">No</button> <button type="button" class="btn btn-secondary" (click)="submit()">Yes</button> </div> </template>
每当我单击是,我希望它调用一个函数并关闭它自己.
在我的控制器中,我有@ViewChild(‘warningModal’)警告;并且在submit()中,我有this.warning.close();,但是我得到这个.每当我点击是时,warning.close都不是函数.
我如何让它以我想要的方式工作?
如果您正在使用
https://ng-bootstrap.github.io/(如您的问题所示),事情非常简单 – 您只需打开一个模态并从模板(如代码中)或编程方式(通过在返回的NgbModalRef类上调用close()方法) ).
以下是显示此操作的最小示例:http://plnkr.co/edit/r7watmQuyaUQ8onY17Z1?p=preview
您可能要么混淆不同的库,要么可能还有更多问题,但很难根据所提供的信息进行更多说明.