访问角2组件内部的JQuery数据表

Question

我从一个API中获取数据，并使用角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();
        })
    }

一旦我获得数据，我必须使用

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

但我现在面临的问题是：，表中没有数据，也没有数据。

​

​

Answer 1

通过导入AfterViewInit最终解决了这个问题

export class EmployeeComponent implements AfterViewInit {   

    ngAfterViewInit() {
            setTimeout(() => {
                $('#example').DataTable();
            }, 1000);

        }
}

Answer 2

我建议你使用角数据

如果情况并非如此，则可以使用数组源，如指示这里。

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

此外，如果您已经创建了一个数据表，请记住销毁任何现有的数据表。