AngularJS limitTo 过滤器

定义和用法

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

limitTo 过滤器用于数组时,它返回一个仅包含指定数量项目的数组。

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

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

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

相关页面

AngularJS 教程:Angular 过滤器

实例

例子 1

仅显示数组的前三个元素:

<ul> <li ng-repeat="x in cars | limitTo : 3">{{x}}</li> </ul>

亲自试一试

例子 2

显示数组的最后三个元素:

<ul> <li ng-repeat="x in cars | limitTo : -3">{{x}}</li> </ul>

亲自试一试

例子 3

从位置 1 开始显示三个元素:

<ul> <li ng-repeat="x in cars | limitTo : 3 : 1">{{x}}</li> </ul>

亲自试一试

例子 4

显示字符串的前三个字符:

<h1>{{txt | limitTo : 3}}</h1>

亲自试一试

例子 5

显示数字的前三个数字:

{{phone | limitTo : 3}}

亲自试一试

语法

{{ object | limitTo : limit : begin }}

参数

参数 描述
limit 数字,指定要返回的元素数量。
begin 可选。数字,指定从何处开始限制。默认值为 0。