您能告诉我如何在单击按钮时按升序或降序对数组进行排序吗?实际上我在标题“V”上有一个按钮。使用按钮单击我想按升序显示数据。实际上我正在 Ionic 中制作网格视图使用角度js。但我想使用按钮单击对其进行排序。我需要根据第一列对表进行排序。因为用户单击第一列“V”。
这是我的代码
http://plnkr.co/edit/UloVItuyLLvmeo34R4gX?p=preview
单击按钮后的预期结果
Calls Royal Dutch sell
p a royal data
Xgtyu test royal data
我们可以对列进行排序并在单击按钮时显示在视图上吗?
<div class="row gray-20 mrginrightleft">
<div class="col col-center " ng-repeat="d in data | filter:{checked: true}"><i class="button button-icon icon ion-arrow-down-b" ng-click="sortdata()"></i><strong>{{d.label}}</strong></div>
<div class="col col-10 text-center ">
<button class=" button-icon icon ion-gear-b" ng-click="openPopover($event)"></button>
</div>
</div>
<div class="row mrginrightleft" ng-repeat="column in displayData | filter: query">
<div class="col col-center brd" ng-repeat="field in column.columns" ng-show="data[$index].checked && data[$index].fieldNameOrPath===field.fieldNameOrPath">{{field.value}}</div>
<div class="col col-10 text-center brd">
</div>
</div>
if your data
是一个数组,那么你可以使用 orderBy 过滤器
请参阅此处的官方文档:https://docs.angularjs.org/api/ng/filter/orderBy
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)