angular.js升序降序过滤器
2016-12-30 14:31
190 查看
向指令添加过滤器
过滤器可以通过一个管道字符(|)和一个过滤器添加到指令中。
orderBy 过滤器根据表达式排列数组:
例如:
<div ng-app="myApp" ng-controller="namesCtrl">
<p>循环对象:</p>
<ul>
<li ng-repeat="x in names | orderBy:'country'">
{{ x.name + ', ' + x.country }}
</li>
</ul>
</div>
<script src="namesController.js"></script>
运行结果:如下图。
降序:
<div ng-repeat="ctrl in agctrlLists | orderBy:'-sort'"></div>
要在controller中给sort赋值,才能用。
相关文章推荐
- angularjs中ng-bind-html使用问题
- Angularjs十大经典面试题
- AngularJS 国际化——Angular-translate
- Angular select 绑定复杂类型 设置默认项
- AngularJS:何时应该使用Directive、Controller、Service?
- 18 个惊人的 Angular 开源项目
- 【转】AngularJs $location获取url参数
- angular作用域分析
- 初探angular之[$injector:modulerr]
- angular嵌入注入服务实例
- angularJS路由
- AngularJS的自定义服务,factory、provider、service、constant、value等方法的区别
- angularjs2 listview的封装(三)
- AngularJs中POST和GET方式的ajax请求
- Angular之$resource服务
- AngularJS的供应商--config
- angularJS绑定数据时自动转义html标签
- Asp.net WebAPI对Ajax和Angularjs跨域的支持
- angularjs 中的setTimeout(),setInterval() / $interval 和 $timeout
- AngularJS 自定义指令directive 介绍