同一页面上的多个视图,不使用路由

时间:2013-09-11 20:55:34

标签: javascript angularjs

我有一个页面,用户可以通过一些不同的过滤器对某些项目进行排序。

Newest过滤器中,只会使用名称列出项目。但是,在By collection过滤器中,某个集合中的项目将位于该集合的标题下方。

因此,这是显示项目的两种不同方式。我已经使用我的后端框架处理路由了。

我该如何做到这一点?

enter image description here

1 个答案:

答案 0 :(得分:0)

确定。我假设您收到的数据具有以下所有属性:

  • DATE
  • 收藏名称
  • Nr.of LIKES
  • 所有的

首先阅读本文,这是关于过滤器的简短文档看看这个http://docs.angularjs.org/api/ng.filter:filter

您可以使用不同的orderBy方法制作4个按钮。

这是一个JsFiddle http://jsfiddle.net/z6bQN/

您可以使用orderBy

在操作它的每个标签中获取所有数据

这里还有一个带有按钮http://plnkr.co/edit/fMrhagVKl2nehzTOHriF

的工作plnkr

享受。