TypeError: Cannot read property 'parentNode' of null on Angular way

[MaicolBen]

Hi,

I've a strange error that i can't reproduce it on plunker (the real application have numerous plugins), the angular-datatable throw "TypeError: Cannot read property 'parentNode' of null" in this line.

Why nTableWrapper property in settings could be null?

Any help is appreciated!

[l-lin]

The nTableWrapper contains the DOM that DataTable built:

Normally, it should not be null.

Try to buil a table without any additional plugins and with the simplest configuration.
Then add one plugin at a time to identify the culprit.

[MaicolBen]

The table haven't plugins, it seems to me that the table is not ready when the directive is applied. Because when I create other directive that apply the plugin after a second work! But the behavior is slow:

.directive('myDatatable', function($compile, $timeout){
    return function(scope, elem, attr) {
        $timeout(function(){
            elem.attr('datatable', 'ng');
            elem.removeAttr('my-datatable');
            $compile(elem)(scope);
        }, 1000);
  };
})

[nashtsai]

I have exactly the same problem as well, I've spotted this problem is caused by:

DTDefaultOptions.setLanguageSource('http://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/xxxx.json')

or

$scope.dtOptions = DTOptionsBuilder
    .newOptions()
    .withLanguage({
       sUrl:'http://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/xxxx.json'
      })

Suspected that due to language resources is received asynchronously and applied after data models has been set into datatable caused this problem.