angular-过滤器orderBy排序limitTo长度

最新推荐文章于 2019-12-09 15:26:42 发布

郭浩326

最新推荐文章于 2019-12-09 15:26:42 发布

阅读量4.6k

点赞数

分类专栏： angular

本文链接：https://blog.csdn.net/guohao326/article/details/71056948

版权

angular 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title></title>
<script src="../js/lib/angular/angular.min.js"></script>
</head>
<body ng-controller="my">
<div>
排序关键词：<input type="text" ng-model="keyword"/>

排序顺序：<input type="checkbox" ng-model="sort" />

长度：<input type="text" ng-model="length"><br />
位置：<input type="text" ng-model="index">
</div>
<div ng-repeat="u in users | orderBy:keyword:sort| limitTo:length:index">
<span ng-bind="u.userID"></span>
<span ng-bind="u.username"></span>
<span ng-bind="u.nickname"></span>
</div>
</body>
<script type="text/javascript">
var app=angular.module("myApp",[]);
app.controller("my",["$scope",function($scope){
$scope.users = [
{userID:1, username:"cat", nickname:"tom"},
{userID:2, username:"xiaofan", nickname:"张小凡"},
{userID:3, username:"biyao", nickname:"碧瑶"},
{userID:4, username:"luxueqi", nickname:"陆雪琪"},
{userID:5, username:"linjingyu", nickname:"林惊羽"},
{userID:6, username:"cengshushu", nickname:"曾书书"},
{userID:7, username:"zhuque", nickname:"朱雀"},
{userID:8, username:"qinglong", nickname:"青龙"},
{userID:9, username:"guiwang", nickname:"鬼王"},
{userID:10, username:"dushen", nickname:"赌神"},
{userID:11, username:"jinpiner", nickname:"金瓶儿"}
]
}]);
</script>
</html>