Angular 角度4-关闭按钮在弹出/表格内加载数据之前不起作用

角度4-关闭按钮在弹出/表格内加载数据之前不起作用。

单击屏幕上的任意位置后，弹出窗口不会关闭

我添加了背景功能，这样弹出窗口只关闭用户 点击关闭图标

但是，在弹出/表格中加载数据之前，关闭图标不起作用。 实际上，我正在弹出/表格中使用ag网格数据

有人有想法吗？

这是我的模板。

reg list.component.ts

 {
        headerName: "Regulations",
        cellRenderer: this.regulationsClick,
        onCellClicked: function(params) {
          console.log(params);
          const modalRef = that.modalService.show(ControlsListComponent,{class: 'gray modal-lg', keyboard: false, backdrop : 'static'});
          modalRef.content.data = params.data;
        },
        valueGetter: this.regulationsClick,
        enableRowGroup: true,
        enablePivot: true,
}


regulationsClick(params){
    if(params.data && params.data.AppCertificateMemebers.length>0){
      const Regulations:any=[];
      let regulationstring: any;
      params.data.AppCertificateMemebers.forEach((value,index) =>{
        Regulations.push(value.Certificate.name);
        params.regulationstring = Regulations.toString();
        console.log("assets", params.regulationstring);
      });
      return `<a href="javascript:void(0)" style="font-size: 12px">${params.regulationstring}</a>`;
    }
    else{
      console.log("checkelse");
        return ;
    }
}

{
校长姓名：“规章制度”，
cellRenderer:this.regulations单击，
onCellClicked:函数（参数）{
控制台日志（params）；
const modalRef=that.modalService.show（ControlsListComponent，{class:'gray modal lg'，键盘：false，背景：“static”}）；
modalRef.content.data=参数数据；
},
valueGetter:this.regulations单击，
enableRowGroup:true，
enablePivot:true，
}
调节单击（参数）{
if（params.data&¶ms.data.AppCertificateMeebers.length>0）{
施工规范：任何=[]；
让调节字符串：任意；
params.data.AppCertificateMeebers.forEach（（值，索引）=>{
规则.推送（值.证书.名称）；
params.regulationstring=Regulations.toString（）；
日志（“资产”，参数调节字符串）；
});
返回``；
}
否则{
控制台日志（“checkelse”）；
返回；
}
}

大家好，谢谢大家对本期的评论。

我自己的研究最终解决了这个问题。

请看下面几行

通常情况下，时间关闭图标中会出现一个弹出窗口，其中包含ag网格数据 在内部加载数据时无法突然关闭

因此，如果用户可以使用“modal body”作为“div”标记中的“class”，那么它工作得很好

当用户单击关闭图标时，它会突然关闭弹出窗口

[注：即：-引导模式弹出窗口]

如需进一步澄清，请遵循以下代码。 reg list.component.html

---

您的控制台是否收到任何错误？@DavidR不，我没有收到任何错误。。

 <div class="modal-body">
       <ag-grid-angular
          #agGrid
          style="height:710px;width:auto;"
          id="myGrid"
          class="ag-theme-material"
          [rowData]="Controls"
          [columnDefs]="columnDefs"
          [enableSorting]="true"
          [enableRangeSelection]="true"
          [pagination]="true"
          [enableColResize]="true"
          (rowGroupOpened)="onRowGroupOpened($event)"
          [enableFilter]="true"
          (columnRowGroupChanged)="onColumnRowGroupChanged()"
          [autoGroupColumnDef]="autoGroupColumnDef"
          [rowSelection]="rowSelection"
          [suppressRowClickSelection]="true"
          (rowSelected)="onRowSelected($event)"
          [rowGroupPanelShow]="rowGroupPanelShow"
          (gridReady)="onGridReady($event)">
      </ag-grid-angular>
  </div>