AngularJS limitTo 过滤器

定义和用法

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

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

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

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

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

相关页面

AngularJS 教程：متصفح AngularJS

实例

例子 1

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

عرض الرقم الثلاثة الأولى من الرقم:
<ul>
<li ng-repeat="x in cars | limitTo : 3">{{x}}</li>
</ul>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.cars = ["Audi", "BMW", "Dodge", "Fiat", "Ford", "Volvo"];
$scope.phone = "123456789";
);

</script>

例子 2

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

عرض الرقم الثلاثة الأولى من الرقم:
<ul>
<li ng-repeat="x in cars | limitTo : -3">{{x}}</li>
</ul>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.cars = ["Audi", "BMW", "Dodge", "Fiat", "Ford", "Volvo"];
$scope.phone = "123456789";
);

</script>

例子 3

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

عرض الرقم الثلاثة الأولى من الرقم:
<ul>
<li ng-repeat="x in cars | limitTo : 3 : 1">{{x}}</li>
</ul>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.cars = ["Audi", "BMW", "Dodge", "Fiat", "Ford", "Volvo"];
$scope.phone = "123456789";
);

</script>

例子 4

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

عرض الرقم الثلاثة الأولى من الرقم:
<h1>{{txt | limitTo : 3}}</h1>
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
    $scope.txt = ";Hello, welcome to AngularJS";
$scope.phone = "123456789";
);

</script>

例子 5

مثال 5

عرض الرقم الثلاثة الأولى من الرقم:
<div ng-app="myApp" ng-controller="sizeCtrl">
<h1>{{phone | limitTo : 3}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('sizeCtrl', function($scope) {
$scope.phone = "123456789";
);

</script>

تجربة شخصية

اللغة {{ عنصر وصف | limitTo : عدد، يحدد عدد العناصر التي سيتم العودة إليها. :

}}