dtInstance not initialized correctly

I have modified datatables to new version 0.4.3 and i want to use $scope.dtInstance.reloadData(). But my object dtInstance is initialized like this:

• and it should by like your example:

{
    "id": "foobar",
    "DataTable": oTable,
    "dataTable": $oTable,
    "reloadData": function(callback, resetPaging),
    "changeData": function(newData),
    "rerender": function()
}

• strange thing is, when i call $scope.dtInstance.reloadData(), no error is show. It looks like that method works (but dont reload data) even if that method is not in object.
• when i use older $scope.dtOptions.reload = true, it reload data (and dont throw error again)

[rosshays]

I ran into this problem myself. I tried the pen and it did work.

So I think what is happening based on some of the other angular things I’ve used is that the datatable directive is actually making its own scope, so if you do the following in your controller…

$scope.nested = {};
$scope.nested.dtInstance = {}

…and then in your HTML…

<table
    datatable=""
    class="table table-striped table-hover table-bordered table-condensed"
    dt-options="dtOptions"
    dt-columns=dtColumns
    dt-instance="nested.dtInstance">
</table>

…it seems to work. If this is intended, it should probably be made more clear in the documentation.

[joelcdoyle]

I can attest that what @rosshays said is true. If your controller is nested inside another controller, you must use a nested scope or dtInstance will not work properly.