AngularJS limitTo 过滤器



  • 定义和用法

    limitTo 过滤器返回仅包含指定数量元素的数组或字符串。
    limitTo 过滤器用于数组时,它将返回仅包含指定数量的项目的数组。
    limitTo 过滤器用于字符串时,它返回一个仅包含指定数量字符的字符串。
    limitTo 过滤器用于数字时,它将返回仅包含指定数字位数的字符串。
    使用负数返回从元素末尾开始而不是从开始的元素。
  • 语法

    {{ object | limitTo : limit : begin }}
  • 参数

    参数 必需的 描述
    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>