Angularjs 如何按日期订购?

Angularjs 如何按日期订购?,angularjs,Angularjs,我请求MovieDB在我的网站上显示内容(标题、图片、发布日期),并将这些内容存储在我的数据库中。我想知道是否可以按日期订购 我知道有| orderBy:'date',但我不确定如何在我的网站上使用它 有两种情况下,我想按日期订购 第一种情况是,当用户执行搜索操作时,他们可以键入电影标题,“我的搜索”功能将从MovieDB中检索所有标题(和发行日期),并将其显示在ul中 %div{"ng-controller" => "searchCtrl", :id => "container_s

我请求MovieDB在我的网站上显示内容(标题、图片、发布日期),并将这些内容存储在我的数据库中。我想知道是否可以按日期订购

我知道有
| orderBy:'date'
,但我不确定如何在我的网站上使用它

有两种情况下,我想按日期订购

第一种情况是,当用户执行搜索操作时,他们可以键入电影标题,“我的搜索”功能将从MovieDB中检索所有标题(和发行日期),并将其显示在
ul

%div{"ng-controller" => "searchCtrl", :id => "container_search"}

  %input{"ng-change" => "search(searchquery)", "ng-model" => "searchquery", "ng-model-options" => "{ debounce: 500 }", :id => "search_input", :placeholder => "Search a movie!", "ng-keyup" => "clear_results()"}
  %ul#showresults
    %li.search_results{"ng-repeat" => "movie in movieList"}
      .addmovie{"ng-click" => "addMovie()"}
        %span
          Add Movie
      %img.poster{"ng-src" => "http://image.tmdb.org/t/p/w500/{{ movie.poster_path }}"}
      %span.title
        {{ movie.original_title }}
      %span.release
        {{ movie.release_date }}
MovieDB http请求的输出如下所示

angular.callbacks._6({"page":1,"results":[{"adult":false,"backdrop_path":"/jSNIAKD5pCyhjgJL9HZ3hsu19yD.jpg","genre_ids":[28,12,80],"id":206647,"original_language":"en","original_title":"SPECTRE","overview":"A cryptic message from Bond’s past sends him on a trail to uncover a sinister organization. While M battles political forces to keep the secret service alive, Bond peels back the layers of deceit to reveal the terrible truth behind SPECTRE.","release_date":"2015-10-26","poster_path":"/zHx5KaKaQdZZnEUgtjcIdNcB3ka.jpg","popularity":1.279592,"title":"SPECTRE","video":false,"vote_average":7.0,"vote_count":61}],"total_pages":1,"total_results":1})
第二种情况是,当用户查看他的frontpage时,它会显示他添加到页面中的所有电影标题

%div{"ng-repeat" => "movie in movies", :class => "movie_container"}
  %h2
    {{ movie.release_date }}
  %img.poster{"ng-src" => "{{ movie.image }}"}
  .movie-info
    %h2
      {{ movie.title }}
    %a{"ng-click" => "deleteMovie(movie)"}delete
它们是按创建时而不是发布时排序的

{"id":51,"created_at":"2015-08-27T13:05:19.074Z","updated_at":"2015-08-27T13:05:19.074Z","user_id":1,"image":"http://image.tmdb.org/t/p/w500//uereni1nSrWb6OWiJhK7FrW4pcd.jpg","title":"\n        Batman v Superman: Dawn of Justice\n      ","release_date":"\n        2016-03-25\n      "}]

不要使用date作为字段im
orderBy
的字符串获取程序。我建议您创建一个自定义函数,将元素转换为值。此值可以通过在日期对象中转换JSON日期字符串(例如使用momentjs)来派生然后得到以秒为单位的绝对时间。

orderBy:'release\u date
这确实有效。没想到答案会这么明显。