在AngularJS中使用Ng表对自定义模板进行排序

<table ng-table="tableParams" class="table">
    <tr ng-repeat="item in $data">
        <td data-title="'Name'">{{item.name}}</td>
        <td data-title="'Age'">{{item.age}}</td>
        <td data-title="'Email'">{{item.email}}</td>
    </tr>
</table>

app.controller('MyController', function($scope, NgTableParams) {
    $scope.data = [
        {name: 'John', age: 25, email: 'john@example.com'},
        {name: 'Jane', age: 30, email: 'jane@example.com'},
        {name: 'Bob', age: 35, email: 'bob@example.com'}
    ];

    $scope.tableParams = new NgTableParams({}, {dataset: $scope.data});
});

<table ng-table="tableParams" class="table">
    <tr>
        <th sortable="'name'" data-title="'Name'">
            <a href="" ng-click="tableParams.sorting({name: 'asc'})">Name</a>
        </th>
        <th sortable="'age'" data-title="'Age'">
            <a href="" ng-click="tableParams.sorting({age: 'asc'})">Age</a>
        </th>
        <th sortable="'email'" data-title="'Email'">
            <a href="" ng-click="tableParams.sorting({email: 'asc'})">Email</a>
        </th>
    </tr>
    <tr ng-repeat="item in $data">
        <td data-title="'Name'">{{item.name}}</td>
        <td data-title="'Age'">{{item.age}}</td>
        <td data-title="'Email'">{{item.email}}</td>
    </tr>
</table>