AngularJS limitTo 过滤器

定义和用法

limitTo 过滤器返回仅包含指定数量元素的数组或字符串。

当 limitTo 过滤器用于数组时，它将返回仅包含指定数量的项目的数组。

当 limitTo 过滤器用于字符串时，它返回一个仅包含指定数量字符的字符串。

当 limitTo 过滤器用于数字时，它将返回仅包含指定数字位数的字符串。

使用负数返回从元素末尾开始而不是从开始的元素。

语法

参数

参数	必需的	描述
limit	是	一个数字，指定要返回的元素数
begin	否	一个数字，指定从何处开始限制。默认为0

示例

下例演示了仅显示数组的前三个项目：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到蝴蝶教程</title>
<script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
</head>
<body>
    <div ng-app="myApp" ng-controller="sizeCtrl">
      <ul>
         <li ng-repeat="x in cars | limitTo : 3">{{x}}</li>
      </ul>
    </div>
    <script>
      var app = angular.module('myApp', []);
      app.controller('sizeCtrl', function($scope) {
         $scope.cars = ["Audi", "BMW", "Dodge", "Fiat", "Ford", "Volvo"];
      });
    </script>
</body>
</html>

尝试一下

AngularJS limitTo 过滤器

定义和用法

语法

参数

示例

相关页面