需要在HTML中對結果進行排序

我需要使用timstamp values按降序對我的廣告系列結果進行排序來對它進行排序？需要在HTML中對結果進行排序

<div class="campaign_area" ng-controller="CampaignAreaController" ng-repeat="campaign in campaigns"> 
        <div class="campaign_card"> 
         <div class="campaign_name">{{campaign.CampaignName}}</div> 
         <div class="campaign_options"> 
          Execution Date: {{campaign.StartTimeStamp | date:'medium'}} | Result: {{campaign.Status}} | 
          <a href="#" ng-click="handleDetailsClick($event, campaign.CampaignId)">{{detailsMsg}}</a> 
         </div> 
        </div>

來源

2014-09-19 saravana

您可以使用NG過濾器「orderBy」https://docs.angularjs.org/api/ng/filter/orderBy – Ifch0o1 2014-09-19 07:49:40

感謝您的快速回復。由於我是新手，請提供更多解釋。請點擊此處。 .code比較好 – saravana 2014-09-19 07:57:10

我從來沒有使用角度過濾呢。但是我看到文檔中發生了什麼，所以我會盡力回答你。

當您使用ng-repeat時，您可以使用orderBy過濾器對結果進行排序。語法是：ng-repeat="item in array | orderBy : parm1 : parm2"

parm1是數組中的對象屬性名稱。例如：

var persons = [ 
{name: 'John', otherProp: 'some other prop'}, 
{name: 'Anna', otherProp: 'some other prop'}, 
{name: 'Ben', otherProp: 'some other prop'} 
];

parm2是「反向」選項。如果設置爲true，則排序將被顛倒。否則不會。

因此，如果我們有：

<div ng-repeat="person in persons | orderBy:name:false"> 
{{person.name}} 
</div>

在這種表情：「| orderBy:name:false」。字"name"指向person.name。所以角度會將結果與person.name排序。

在你的情況，你可以做這樣的事情：

<div class="campaign_area" ng-controller="CampaignAreaController" 
ng-repeat="campaign in campaigns | orderBy:StartTimeStamp:true">

真正PARAM將輸出下降（反轉）的結果。

來源

2014-09-19 08:24:31 Ifch0o1

需要在HTML中對結果進行排序

回答

相關問題