Angular JS - Limit filter

Adding filters to your app Angular JS - Limit

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<br/>
<br/>
<div ng-cloak ng-app="TabsApp">
    <div class="container" ng-controller="TabManagerCtrl"> <span class="label label-info label-ext" ng-bind="sampletext"></span>

        <br/> <i>limit:20</i>
 <span class="label label-info label-ext" ng-bind="sampletext| limit:20"></span>




        <br/>
        <br/>
        <input type="text" ng-model="sampletext">
        <br/>
        <br/>
        <br/>
    </div>
    <!-- /container -->
</div>
<!-- /app -->

JavaScript

/*app.js tabs*/

var angularApp = angular.module('TabsApp', []);
angularApp.controller('TabManagerCtrl', ['$scope', function ($scope) {

    $scope.sampletext = "Magic Text";


}]);

angularApp.filter('limit', function () {
    return function (input, value) {
        return input.substr(0, value);
    };
});