代码之家  ›  专栏  ›  技术社区  ›  user5500750

解除前角度NGB模式不工作

  •  2
  • user5500750  · 技术社区  · 8 年前

    我想在弹出模式关闭之前添加一个类,然后在关闭之前等待一段时间。看看文档,我可以用它来存档 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">&times;</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') ?

    1 回复  |  直到 8 年前
        1
  •  3
  •   Ian A    8 年前

    这个 beforeDismiss

    <ng-template #content let-c="close" let-d="dismiss">
    

    你必须打电话 d() 而不是 c() 解雇前 按下“关闭”按钮时的按钮:

    <button type="button" class="btn btn-outline-dark" (click)="d('Close click')">Close</button>
    

    this Plunker

    推荐文章