关闭ngx-bootstrap模态时出现角度数据表取消订阅错误

时间:2019-06-03 08:34:18

标签: angular datatable modal-dialog angular7 ngx-bootstrap

我正在将Angular DataTable与ngx-bootstrap模态一起使用。当我关闭模式时,数据表会引发取消订阅错误,并且数据表不会初始化。我在onHide事件上尝试了重新渲染,取消订阅enter image description here ribe的多种解决方法,但并没有解决。如果有人知道如何解决,请帮忙

this.subscriptions.push(
      this.modalService.onHidden.subscribe((reason: string) => {
        alert('Hidden');
        this.dtElement.dtInstance.then((dtInstance: DataTables.Api) => {
            alert('Destroying..')
              //Clear the table first
              dtInstance.clear();
              // Destroy the table 
              dtInstance.destroy();
           })
      this.dtTriggerFreshness.unsubscribe();
      })
    );

1 个答案:

答案 0 :(得分:0)

存在上下文错误。

    let trigger=this.dtTriggerFreshness;
    let dtElementVar= this.dtElement;
    let modalServiceVar=this.modalService;
    this.subscriptions.push(
          modalService.onHidden.subscribe((reason: string) => {
            alert('Hidden');
            dtElementVar.dtInstance.then((dtInstance: DataTables.Api) => {
                alert('Destroying..')
                  //Clear the table first
                  dtInstance.clear();
                  // Destroy the table 
                  dtInstance.destroy();
 trigger.dtTriggerFreshness.unsubscribe();
               })

          })
        );

现在它必须工作。