使用AngularJS限制字符串的长度

我有以下几点:

<div>{{modal.title}}</div>

有没有一种方法可以限制字符串的长度，比如20个字符?

一个更好的问题是，有没有一种方法可以将字符串更改为截断并显示。如果超过20个字符?

当前回答

我发现限制字符串长度的最简单的解决方案是{{modal。title | slice:0:20}}，然后借用上面的@Govan，你可以使用{{modal.title.length > 20 ?“…': "}}如果字符串长于20，则添加挂起点，因此最终结果很简单:

https://angular.io/docs/ts/latest/api/common/index/SlicePipe-pipe.html

2017-06-05 21:25:42

其他回答

这个解决方案纯粹是在HTML上使用ng标签。

解决方案是使用“show more…”限制显示的长文本。链接。如果用户点击“显示更多…”链接，它将显示其余的文本，并删除了“show more…”的链接。

HTML:

<div ng-init="limitText=160">
   <p>{{ veryLongText | limitTo: limitText }} 
       <a href="javascript:void(0)" 
           ng-hide="veryLongText.length < limitText" 
           ng-click="limitText = veryLongText.length + 1" > show more..
       </a>
   </p>
</div>

2015-12-17 10:59:55

我知道这有点晚了，但在angularjs的最新版本(我使用的是1.2.16)中，limitTo过滤器支持字符串和数组，所以你可以像这样限制字符串的长度:

{{ "My String Is Too Long" | limitTo: 9 }}

它将输出:

My String

2014-05-09 14:42:17

< div >{{modal.title | limitTo:20}}...< / div>

2016-07-15 18:51:07

ng-keypress = " filterValue(事件)”ng-model = "客户。CUSTOMER_PHONE”

美元的范围。filterValue = function($event){

        if(isNaN(String.fromCharCode($event.keyCode)) ){
            $event.preventDefault();
        }
        if($scope.customer.CUSTOMER_PHONE.length <= 11)
        {              
            $scope.customer.CUSTOMER_PHONE = $scope.customer.CUSTOMER_PHONE;
        }
        else
        {
            $event.preventDefault();
        }

    };

2022-06-01 05:54:46

如果你想要这样的东西:InputString => StringPart1…StringPart2

HTML:

<html ng-app="myApp">
  <body>
    {{ "AngularJS string limit example" | strLimit: 10 : 20 }}
  </body>
</html>

角代码:

 var myApp = angular.module('myApp', []);

 myApp.filter('strLimit', ['$filter', function($filter) {
   return function(input, beginlimit, endlimit) {
      if (! input) return;
      if (input.length <= beginlimit + endlimit) {
          return input;
      }

      return $filter('limitTo')(input, beginlimit) + '...' + $filter('limitTo')(input, -endlimit) ;
   };
}]);

参数示例如下: beginLimit = 10 endLimit = 20

之前: ——/home/house/room/etc/ava_B0363852D549079E3720DF6680E17036.jar 后: - /home/hous…3720 df6680e17036.jar

2016-10-05 13:06:46

使用AngularJS限制字符串的长度

推荐文章

最新文章

标签