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