Datatables.net - cały czas wyświetla dane z inicjalizacji

ngOnInit() {
        this.router.params.subscribe((parameter) => {
            this.api.GetDocuments(parameter['documentType']).subscribe((result: any[]) => {
                this.documents = result;
                console.log(this.documents);
            },
                (error) => console.log(error),
                () => {
                    setTimeout(function () {
                        $('#datatable').DataTable({
                            "language": {
                                "lengthMenu": "Wyświetl _MENU_ rekordów na stronę",
                                "zeroRecords": "Nie znaleziono szukanych rekordów",
                                "info": "Strona _PAGE_ z _PAGES_",
                                "infoEmpty": "Rekordy nie są dostępne",
                                "infoFiltered": "(filtered from _MAX_ total records)",
                                "search": "Szukaj...",
                                "paginate": {
                                    "first": "pierwsza",
                                    "last": "ostatnia",
                                    "next": "następna",
                                    "previous": "poprzednia"
                                }
                            },
                            pageLength: 10,
                            fixedHeader: true,
                            responsive: true,
                            "sDom": 'rtip',
                            destroy: true,
                            columnDefs: [{
                                targets: 'no-sort',
                                orderable: false
                            }]
                        });

                        var table = $('#datatable').DataTable();
                        $('#key-search').on('keyup', function () {
                            table.search(this.value).draw();
                        });
                        $('#type-filter').on('change', function () {
                            table.column(4).search($(this).val()).draw();
                        });
                    }, 30);
                });
        });
    }

<tr *ngFor="let document of documents">
                            <td>#</td>
                            <td>
                                {{document.Numer}}
                            </td>
                            <td>{{document.Data | date:"yyyy-MM-dd"}}</td>
                            <td>{{document.Magazyn}}</td>
                            <td>
                                {{document.PodmiotNazwa}}
                            </td>
                            <td>{{document.PodmiotMiasto}}</td>
                            <td>{{document.RazemNetto}}</td>
                            <td>{{document.RazemBrutto}}</td>
                            <td>
                                <a class="text-muted font-16" href="javascript:;"><i class="ti-trash"></i></a>
                            </td>
                        	</tr>