我正在使用AngularJS。我希望在网页加载完成后立即按第一列排序。 HTML表格代码如下所示;
<table class="table table-hover data-table sort display">
<thead>
<tr>
<th class="col_1">
<a href="" ng-click="columnToOrder='col_1';reverse=!reverse">Column 1</a>
</th>
<th class="col_2">
<a href="" ng-click="columnToOrder='col_2';reverse=!reverse">Column 2</a>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in filteredList | orderBy:columnToOrder:reverse">
<td>{{item.col_1}}</td>
<td>{{item.col_2}}</td>
</tr>
</tbody>
</table>
现在,在我点击列标题之前,表格只是加载数据而没有任何特定的排序顺序。如果我想在网页加载后立即将默认值设置为按列1排序,那么html代码应如何显示?或者我是否必须修改控制器?
谢谢。
答案 0 :(得分:2)
在您的控制器中,您可以像这样初始化columnToOrder
的值:
$scope.columnToOrder = 'col_1';