我想在 angular 中设置默认排序 js 用图标管理

Question

我是 angular js 的新手。我已经设置排序。当我设置默认设置时，我的排序箭头可见。我想用 mange 我的图标喜欢默认排序。请帮我解决这个问题。提前致谢。

   <table style="border: 1px solid " class="table table-striped">
                <thead>
                    <tr>


                        <th ng-click="orderByField='JackpotAmount'; reverseSort = !reverseSort" class="link">
                            <a href="">
                                JackPot Amount <span ng-show="orderByField == 'JackpotAmount'"><span ng-show="!reverseSort" class="glyphicon glyphicon-chevron-up"></span><span ng-show="reverseSort" class="glyphicon glyphicon-chevron-down"></span></span>
                            </a>

                        <th ng-click="orderByField='StartDate';  reverseSort = !reverseSort" class="link">
                            <a href="">
                                Start Date <span ng-show="orderByField == 'StartDate'"><span ng-show="!reverseSort" class="glyphicon glyphicon-chevron-up"></span><span ng-show="reverseSort" class="glyphicon glyphicon-chevron-down"></span></span>
                            </a>


                        </th>
                        <th ng-click="orderByField='EndDate'; reverseSort = !reverseSort" class="link">
                            <a href="">
                                End Date <span ng-show="orderByField == 'EndDate'"><span ng-show="!reverseSort" class="glyphicon glyphicon-chevron-up"></span><span ng-show="reverseSort"     class="glyphicon glyphicon-chevron-down"></span></span>
                            </a>


                        </th>

                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="jackpots1 in listjackpot|orderBy:sort:reverseSort">

                        <td>{{ jackpots1.JackpotAmount }}</td>
                        <td>{{ jackpots1.StartDate  }}</td>
                        <td>{{ jackpots1.EndDate }}</td>


                    </tr>
                </tbody>
            </table>

下面是我的控制器

    $scope.orderByField = 'StartDate';
    $scope.reverseSort = true;

Answer 1

你很接近。 orderBy 参数是错误的变量名。

orderBy:orderByField:reverseSort

而不是

orderBy:sort:reverseSort

我想在 angular 中设置默认排序 js 用图标管理

i want set default sort in angular js manage with icon

javascript

angularjs