Как отсортировать таблицу по значению столбца, используя Angular.js

Question

Мне нужно отсортировать таблицу по нескольким столбцам, используя Angular.js.Я объясняю мой код ниже.

<table class="table table-bordered table-striped table-hover" id="dataTable" >
                    <colgroup>
                    <col class="col-md-1 col-sm-1">
                    <col class="col-md-2 col-sm-2">
                    <col class="col-md-2 col-sm-2">
                    <col class="col-md-2 col-sm-3">
                    <col class="col-md-2 col-sm-3">
                    </colgroup>
                    <thead>
                        <tr>
                            <th>Sl. No</th>
                            <th>City name</th>
                            <th>Pincode</th>
                            <th>T-Factor</th>
                            <th>Edit</th>
                            <th>Remove</th>
                        </tr>
                    </thead>
                    <tbody id="detailsstockid">
                        <tr ng-repeat="usr in objPincodeData " ng-if="objPincodeData.length > 0">
                            <td>{{$index+1}}</td>
                            <td>{{usr.city_name}}</td>
                            <td>{{usr.pincode}}</td>
                            <td>{{usr.t_factor}}</td>
                            <td><a ui-sref='app.settings.tariff.pincode'><input type='button' class='btn btn-xs btn-green' value='Edit' ng-click="editPincodeData(usr.id);"></a></td>
                            <td ng-if="usr.pincode !=0"><a ui-sref='app.settings.tariff.pincode'><input type='button' class='btn btn-xs btn-red' value='Remove' ng-click="deletePincodeData(usr.id);" ></a></td>
                            <td ng-if="usr.pincode==0">NA</td>
                        </tr>
                        <tr ng-if="objPincodeData.length == 0">
                            <td colspan="4">
                                <center>
                                  <p><b>No Record Found</b>
                                  </p>
                               </center>
                            </td>
                        </tr>
                    </tbody>
                </table> 

Здесь мне нужно отсортировать таблицу по значению city name and pincode.Здесь мне нужно отсортировать таблицу по city name в алфавитном порядке, и если pincode=0 будет первым.

Answer 1

Попробуйте это

ng-repeat="usr in objPincodeData | orderBy:['city_name','pincode']"

Answer 2

Вы можете использовать angular's orderBy для достижения этого.

Вам необходимо добавить параметр propertyName (который вы измените при нажатии на столбец), который будет содержать имя столбцаи reverse - логическое значение, а затем использовать его в директиве ng-repeat.

Что-то в этом роде: ng-repeat = "usr in objPincodeData | orderBy: propertyName: reverse"

Оформить заказ пример из документов