如何设置此AngularJS网站的默认排序顺序？

Question

我正在使用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代码应如何显示？或者我是否必须修改控制器？

谢谢。

Answer 1

在您的控制器中，您可以像这样初始化columnToOrder的值：

$scope.columnToOrder = 'col_1';