AngularJS: ngTable mit json-Daten: filtern und Sortieren funktioniert nicht

Ich versuche, füllen Sie Daten von einem REST-webservice in einer Tabelle mit ngTable.
Daten sind gezeigt, aber Sie sind weder sortiert, noch sortierbar. Filterung gibt immer leere Liste.

Hier ist ein link zu der API, die ich bin Referenzierung: http://bazalt-cms.com/ng-table/

JS:

$scope.dataInstances = [];
$scope.getDataInstances = function() {
    $http({
        method : 'GET',
        url : '/rest/v1/data/instances',
        headers : {
            "Authorization" : "Basic " + btoa("USERNAME" + ":" + "PASSWORD")
        },
    })
    .success(function(data, status) {
        $scope.dataInstances = data;
        $scope.tableParams.reload();
        //just some logging 
        console.log(JSON.stringify(data));
    })
    .error(function(data, status) {
        alert("Error: " + status);
    });
};
$scope.tableParams = new ngTableParams({
        page: 1,     //show first page
        count: 10,   //count per page
        filter: {
        },
        sorting: {
            date: 'asc'     //initial sorting
        }
    }, 
    {
        total: $scope.dataInstances.length, //length of data
        getData: function($defer, params) {
            //use build-in angular filter
            var filteredData = params.filter() ?
                    $filter('filter')($scope.dataInstances, params.filter()) :
                        $scope.dataInstances;
            var orderedData = params.sorting() ?
                    $filter('orderBy')(filteredData, params.orderBy()) :
                        $scope.dataInstances;
            params.total(orderedData.length); //set total for recalc pagination
            $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));
        }
});

HTML:

<div ng-controller="myController" ng-init="getDataInstances()">
  <table ng-table="tableParams" show-filter="true" class="table table-condensed">
    <tr ng-repeat="dataInstance in dataInstances">
      <td data-title="'Name'" sortable="'name'" filter="{ 'name' : 'text'}">{{dataInstance.name}}</td>
      <td data-title="'Date'" sortable="'date'" filter="{ 'date' : 'text'}">{{dataInstance.date | date:'dd.MM.yyyy HH:mm' }}</td>
      <td data-title="'Type'" sortable="'type'" filter="{ 'type' : 'text'}">{{dataInstance.type}}</td>
    </tr>
  </table>
</div>

Haben Sie irgendwelche Tipps, wie man diese arbeiten?
Versucht, verschiedene andere mögliche Lösungen - und keine gearbeitet - wie:

• asynchron Auffüllen einer AngularJS ngTable mit json-Daten
• Laden von JSON über AJAX mit NgTable Parameter
• Sortierung ngTable funktioniert nicht, wenn die überschrift geklickt wird

Vielen Dank im Voraus!

BEARBEITEN: http://plnkr.co/edit/1Rp9szNtw8T3GtwpNaZG?p=preview

InformationsquelleAutor Second2None | 2014-10-10