Descending order by date filter in AngularJs

Question

lt div class  recent  ng-repeat  reader in      filteredItems    book reader   orderBy   created at    limitTo  1    gt   lt  div gt    So the book comes from rest api and it has many readers attached  I want to get the  recent  reader   The created at field has the value which identifies the user as recent  But the above code gives me the oldest reader  So the order needs to be inversed  Is there some way to have the sorting in descending order

User · Answer

In my case  the orderBy is determined by a select box  I prefer Ludwig s response because you can set the sort direction in the select options as such             scope options                   label   Title   value   title                   label   Newest   value   -publish date                   label   Featured   value   -featured                  markup    lt select ng-model  orderProp  ng-options  opt as opt label for opt in options  gt  lt  select gt   lt ul gt       lt li ng-repeat  item in items   orderBy orderProp value  gt  lt  li gt   lt  ul gt

User · Answer

see w3schools samples  https   www w3schools com angular angular filters asp https   www w3schools com angular tryit asp filename try ng filters orderby click  then add the  reverse  flag    lt  DOCTYPE html gt   lt html gt   lt script src  https   ajax googleapis com ajax libs angularjs 1 6 4 angular min js  gt  lt  script gt   lt body gt    lt p gt Click the table headers to change the sorting order  lt  p gt    lt div ng-app  myApp  ng-controller  namesCtrl  gt    lt table border  1  width  100   gt   lt tr gt   lt th ng-click  orderByMe  name    gt Name lt  th gt   lt th ng-click  orderByMe  country    gt Country lt  th gt   lt  tr gt   lt tr ng-repeat  x in names   orderBy myOrderBy reverse  gt   lt td gt   x name   lt  td gt   lt td gt   x country   lt  td gt   lt  tr gt   lt  table gt    lt  div gt    lt script gt  angular module  myApp       controller  namesCtrl   function  scope         scope names              name  Jani  country  Norway             name  Carl  country  Sweden             name  Margareth  country  England             name  Hege  country  Norway             name  Joe  country  Denmark             name  Gustav  country  Sweden             name  Birgit  country  Denmark             name  Mary  country  England             name  Kai  country  Norway                    scope reverse false       scope orderByMe   function x             if  scope myOrderBy    x                 scope reverse   scope reverse                     scope myOrderBy   x             lt  script gt    lt  body gt   lt  html gt

User · Answer

x000D   x000D  var myApp   angular module  myApp        x000D   x000D  myApp filter  toArray   function      x000D      return function  obj    x000D          var result       x000D          angular forEach obj  function  val  key    x000D              result push val   x000D              x000D          return result  x000D         x000D      x000D   x000D   x000D  myApp controller  mainCtrl   function   scope    x000D   x000D     scope logData     x000D                  event   Payment   created at   10 10 2019 6 47 PM PST     x000D                  event   Payment   created at   20 10 2019 12 47 AM PST     x000D                  event   Payment   created at   30 10 2019 1 50 PM PST    x000D                x000D           x000D     x000D   lt script src  https   cdnjs cloudflare com ajax libs angular js 1 7 5 angular min js  gt  lt  script gt  x000D   x000D   lt div ng-app  myApp  ng-controller  mainCtrl  gt  x000D   x000D     lt h4 gt Descending lt  h4 gt  x000D     lt ul gt  x000D       lt li ng-repeat  logs in logData   toArray   orderBy  created at  true   gt  x000D              logs event   - Date     logs created at   x000D       lt  li gt  x000D     lt  ul gt  x000D     x000D     lt br gt  x000D     x000D     x000D     lt h4 gt Ascending lt  h4 gt  x000D     lt ul gt  x000D       lt li ng-repeat  logs in logData   toArray   orderBy  created at  false   gt  x000D              logs event   - Date     logs created at   x000D       lt  li gt  x000D     lt  ul gt  x000D     x000D   lt  div gt  x000D   x000D   x000D

User · Answer

You can prefix the argument in orderBy with a  -  to have descending order instead of ascending  I would write it like this    lt div class  recent      ng-repeat  reader in book reader   orderBy   -created at    limitTo  1  gt   lt  div gt    This is also stated in the documentation for the filter orderBy

User · Answer

According to documentation you can use the reverse argument   filter orderBy array  expression   reverse      Change your filter to   orderBy   created at  true

User · Answer

Descending Sort by date  It will help to filter records with date in descending order    scope logData                   event   Payment   created at   04 05 17 6 47 PM PST                   event   Payment   created at   04 06 17 12 47 AM PST                   event   Payment   created at   04 05 17 1 50 PM PST                  lt div ng-repeat  logs in logData   orderBy   -created at    gt          logs event     lt  div gt

User · Answer

And a code example    lt div ng-app gt       lt div ng-controller  FooController  gt           lt ul ng-repeat  item in items   orderBy  num  true  gt               lt li gt   item num        item desc   lt  li gt           lt  ul gt       lt  div gt   lt  div gt    And the JavaScript   function FooController  scope         scope items              desc   a   num  1            desc   b   num  2            desc   c   num  3              Will give you   3    c 2    b 1    a   On JSFiddle  http   jsfiddle net agjqN

User · Answer

Perhaps this can be useful for someone   In my case  I was getting an array of objects  each containing a date set by Mongoose   I used   ng-repeat  comment in post comments   orderBy   sortComment   true    And defined the function    scope sortComment   function comment        var date   new Date comment created       return date       This worked for me

User · Answer

My advise use moment   is easy to manage dates if they are strings values    controller  scope sortBooks   function  reader                var date   moment reader endDate   DD-MM-YYYY                return date                template  ng-repeat  reader in book reader   orderBy   sortBooks   true

[angularjs] Descending order by date filter in AngularJs

Examples related to angularjs

Examples related to angularjs-filter