Re-render of the table in Angular "ng" mode shows unrendered table

[rhorenov]

I'm submitting a...

[x] Bug report  
[x] Feature request
[ ] Documentation issue or request
[ ] Question

For AngularJS version.

Current behavior

Re-render of the table in Angular "ng" mode does not hide the content while destroying the table.

This results in the un-rendered table being shown briefly on re-render, potentially on any change of the underlying data. This looks ugly.

Expected behavior

I'm proposing an easy fix. Angular-datatables already have DTRendererService.showLoading() method, which could be used to hide the table content just before the datatable gets destroyed.

Minimal reproduction of the problem with instructions

It can be demonstrated on the Demo page - Changing data with the Angular way, just try to delete a row.

Actions

I will submit a pull request with my proposed fix shortly.

Environment

- node version: v8.9.4
- angular version: 1.7.3
- angular-cli version:
- jquery version: 3.3.1
- datatables version: 1.10.15
- angular-datatables version: v0.6.3