ng-orderby
来源:互联网 发布:怎么注销淘宝店铺 编辑:程序博客网 时间:2024/06/09 16:08
首先,添加了<select> 标签:
<select ng-model="orderProp">
<option value="name">Alphabetical</option>
<option value="age">Newest</option>
</select>
其次,在filter中添加了orderBy:
<li ng-repeat="phone in phones | filter:query | orderBy:orderProp">
{{phone.name}}
<p>{{phone.snippet}}</p>
</li>
所以,根据angularjs的思想,一是model改变(可能是用户手动选择下拉框导致的),那么根据数据绑定原则(data-binding),view也将适时进行改变.
orderBy api:https://docs.angularjs.org/api/ng/filter/orderBy
orderBy Usage(用法)
In HTML Template Binding(在HTML中的用法)
{{ orderBy_expression | orderBy : expression : reverse}}
In java script(在JS中的用法)
$filter('orderBy')(array, expression, reverse)
上面的例子是在HTML中用的,默认string类型的数据是按照字母表中数据排序的,而number数字类型的数据是按照数字大小进行排序的.
如果想要倒序,那么可以在上面的option value='-name',加上一个'-'即可.
- ng-orderby
- ng-repeat orderby:notarray
- LinQ - Orderby
- linq orderby
- NG
- ng
- ng
- 在视图中用orderby
- Linq第五天 Orderby
- Linq--OrderBy 的使用
- linq 实现动态 orderby
- list.orderby()
- groupby orderby同时使用
- hibernate注解排序@orderBy
- C#orderby子句
- oracle rownum orderby
- orderby及limit优化
- orderby group by
- 递归分治-棋盘问题的php实现
- 利用反射机制解决通用xml的解析
- Cloud Prizefight: OpenStack vs. VMware(转)-HA-FT
- Windows系统资源管理器无法启动的问题
- android利用 MultipartEntity同时上传图片,文件和内容小结
- ng-orderby
- mysql 性能的检查和调优方法
- 噩梦系列篇之Player的运动控制
- MYSQL+PHP学习,从最基础的知识开始(会话控制)
- 源代码加密软件在软件开发过程中应注意哪些问题?
- 单通道和多通道图像相关概念
- android画图
- 遍历python字典的几种方法
- Java Swing界面制作