jquery - 访问 Angular 2 组件内的 JQuery 数据表

Question

我正在从 API 获取数据并使用 Angular 2 渲染它。

getData() {
        this.http.get('api/Employee').subscribe(result => {
            var localdata = result.json();
            for (var i = 0; i < localdata.length; i++)
                this.employeeList.push(localdata[i]);
            console.log(this.employeeList);   
            $('#example').DataTable();
        })
    }

获取数据后，我必须使用

将普通表转换为 Jquery Datatable

$('#example').DataTable();

但我面临以下问题:表格中没有可用数据以及数据。

Answer 1

我建议您使用angular-datatables

如果不是这种情况，您可以使用数组源，如指示 here

$('#example').DataTable( {data: this.EmployeeList });

如果您已经创建了数据表，还请记住销毁任何现有数据表