> For the complete documentation index, see [llms.txt](https://xiaoxiami.gitbook.io/angularjs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://xiaoxiami.gitbook.io/angularjs/filters/limittolowercaseuppercase.md).

# limitTo、lowercase、uppercase

**例子：**

index.html

```markup
<div ng-app="myApp">
    <div ng-controller="firstController">
        <!--[1,2,3,4,5]-->
        <p>{{[1,2,3,4,5,6,7] | limitTo:5}}</p>

        <!--[3,4,5,6,7]-->
        <p>{{[1,2,3,4,5,6,7] | limitTo:-5}}</p>

        <!-- hello world -->
        <p>{{data.message | lowercase}}</p>
        <!-- HELLO WORLD -->
        <p>{{data.message | uppercase}}</p>
    </div>
</div>
<script src="//cdn.bootcss.com/angular.js/1.4.8/angular.js"></script>
<script type="text/javascript" src="app/index.js"></script>
```

app/index.js

```javascript
angular.module('myApp',[])

.factory('Data',function(){

    return {
        message : 'Hello World'
    };
})

.controller('firstController',function($scope,Data,$filter){
   $scope.data = Data;

})
```

**效果：**

![](https://486294450-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LfnT3-xg7DYODy3sJJ7%2F-LfnT9Q_7SesrJfFEVf-%2F-LfnTHgorPfCKrHSicuo%2F11.PNG?generation=1558862967754870\&alt=media)