在AngularJS中，ng-table是一个强大的插件，用于在Angular应用程序中创建动态表格。这个插件不仅提供了数据展示的功能，还支持数据过滤、排序、分页等操作，极大地提升了用户体验。下面将详细介绍如何使用ng-table插件进行排序设置。
### 基础概念
**ng-table** 提供了一个灵活的表格组件，它允许开发者通过简单的配置实现复杂的表格功能。以下是一些基本概念：
1. **过滤器（Filter）**：ng-table允许你为每一列指定过滤器，用户可以通过输入文本或选择选项来筛选表格中的数据。例如，`filter="{name: 'text'}"` 指定了名为`name`的列使用文本过滤器。
2. **模板（Template）**：ng-table支持多种类型的值模板，包括`number`（数字）、`text`（文本）、`select`（单选）和`select-multiple`（多选）。这些模板可以根据需要自定义列的显示和交互方式。
3. **初始过滤值（Initial Filter Values）**：你可以通过`NgTableParams`为表格提供初始过滤条件，如`filter: { name: "T" }`，这会默认显示所有名字以"T"开头的行。
### 使用ng-table指令
ng-table提供两个核心指令：
1. **ngTable directive**：`<table ng-table="demo.tableParams" ...>` 这是基本的ng-table指令，用于绑定到`NgTableParams`对象，该对象包含了表格的配置，如数据集、排序规则、过滤条件等。
2. **ngTableDynamic directive**：`<table ng-table-dynamic="demo.tableParams with demo.cols" ...>` 这个指令允许动态地创建表格列，它的优点在于可以灵活地根据数据源的结构动态生成表格。
### 示例代码分析
在给出的代码片段中，有两个控制器，`demoController`和`dynamicDemoController`，它们分别使用了ngTable directive和ngTableDynamic directive。
- `demoController` 使用了静态列定义，列的过滤器和数据源都在HTML中硬编码：
- `<td data-title="'Name'" filter="{name: 'text'}">{{row.name}}</td>` 这一行表示`name`列使用文本过滤器，并显示`row`对象的`name`属性。
- `<td data-title="'Country'" filter="{ country: 'select'}" filter-data="demo.countries">{{row.country}}</td>` 这一行展示了`country`列，使用下拉框过滤器，`filter-data`属性用于指定可用的国家列表。
- `dynamicDemoController` 使用了动态列定义，列的定义和数据源在控制器中定义，然后传递给ngTableDynamic指令：
- `<td ng-repeat="col in $columns">{{row[col.field]}}</td>` 这一行动态地生成表格行，`$columns`包含了列的定义，`row[col.field]`则根据列的字段名获取对应的行数据。
### 排序设置
在ng-table中，排序通常通过`NgTableParams`对象的配置来实现。你可以在控制器中设置初始的排序条件，或者在表格中添加排序按钮，通过调用`NgTableParams`的`sort()`方法来改变排序状态。例如，如果你想按`age`列降序排序，可以这样设置：
```javascript
this.tableParams = new NgTableParams({
sorting: { age: 'desc' } // 初始排序条件
}, {
dataset: simpleList
});
```
同时，用户在表格中点击列头时，ng-table会自动处理排序事件，更新`NgTableParams`的排序条件。
总结来说，AngularJS ng-table插件通过灵活的配置和指令，使开发者能够轻松地实现数据表格的排序、过滤、分页等功能，从而创建出交互性强、用户体验好的Web应用。在实际项目中，开发者可以根据需求定制ng-table的使用，以满足各种复杂场景的需求。
