javascript - 如何在 AngularJS 中的 Angular 数据表(l-lin)上应用 DOM 外部的button().trigger()

Question

我使用 dtInstance 创建了一个如下所示的表:

   <table datatable="ng" dt-options="dtOptions" dt-column-defs="dtColumns" dt-instance="dtInstance" class="row-border hover">
   </table>

在 Controller 中我定义了 dtOptions 和 dtColumns:

 $scope.dtInstance = {};
    $scope.dtOptions = DTOptionsBuilder.newOptions()

    .withDOM('frtip')
    .withButtons([
{
    extend: "excelHtml5",
    className: 'btn btn-success buttons-excel',
    filename: "List",
    title: "List",
    text: "Export",
    exportOptions: {
        columns: ':visible'
    },
    //CharSet: "utf8",
    exportData: { decodeEntities: true }

}

我的问题是我想在 dt 表外部创建一个按钮，并在 ng-click 时触发 .withButtons 导出按钮

我还想隐藏表格内生成的 .withButtons 。

出现此错误

TypeError: Cannot read property 'button' of undefined

当我使用下面的代码时

<button ng-click="dtInstance.DataTable.button('.buttons-excel').trigger()">Download EXCEL</button>

谢谢

Answer 1

尝试使用 null 而不是 {} 初始化 dtInstance 变量:

$scope.dtInstance = null;

保持其他一切不变。

更新:检查您是否已导入所需的所有插件。请按照我创建的以下示例来确保:

<强> Plunker example