angular.js - angular テーブルのシリアル番号をクリックして昇順または降順に並べ替える 実装方法。

Question

リーリー リーリー

シリアル番号をクリックして昇順または降順に並べ替えるにはどうすればよいですか? 初心者なので、詳しいコードを教えてください。

Answer 1

html変更下：html改下：

<p ng-app="app" ng-controller="appController">
    <table>
        <thead>
        <tr>
            <th>序号</th>
            <th>内容</th>
            <th>姓名</th>
            <th>地点</th>
            <th>时间</th>
            <th ng-click="toggleSort()">序号</th>
        </tr>
        </thead>
        <tbody>
            <tr ng-repeat="x in obj">
                <td ng-if="$index + 1 === 1" style="color: red">{{$index + 1}}</td>
                <td ng-if="$index + 1 === 2" style="color: green">{{$index + 1}}</td>
                <td ng-if="$index + 1 === 3" style="color: yellow">{{$index + 1}}</td>
                <td ng-if="$index + 1 > 3">{{$index + 1}}</td>
                <td>{{x.Name}}</td>
                <td>{{x.City}}</td>
                <td>{{x.Country}}</td>
                <td>{{x.Country + x.City}}</td>
                <td>{{x.id}}</td>
            </tr>
        </tbody>
    </table>
</p>

js リーリー

js#🎜🎜# リーリー

Answer 2

フィルター orderBy:'id':desc を使用して、並べ替えが昇順か降順かを制御できます。
以下のコードは3-2-1の順番で読むと理解しやすいです。
1. 説明を変更するには 1 回クリックします

リーリー

2. appController で desc 初期化値 = 0 を設定します

リーリー

3. フィルターに並べ替え条件を追加します

リーリー