Angularjs:将字符串分隔到 100 个字符后的下一行

我绑定表达式{{address}}，该表达式可能超过 100 个字符。我想使用 angularjs 显示 100 之后的字符到下一行。

让我们说，查看.html

<div class="col-md-3">
    <span>{{address}}</span>
</div>

和控制器.js具有

//Some code 
 $scope.address="bdfjhfj  jhgueih hdeiuheiu heiuheiuwheiqheiu heiwuhi";

我想显示超过 100 个字符以显示在下一行中。谢谢。

<!DOCTYPE html>
<html ng-app="app">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
  <title>JS Bin</title>
</head>
<body ng-controller="myCtrl">
  {{address | limittext}}
  <script>
    var app = angular.module("app", [])
      .controller("myCtrl", function($scope) {
        $scope.address = "abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz"
      })
      .filter("limittext", function() {
        return function(input) {
          var output = "";
          for (var i = 0; i < input.length; i = i + 100) {
            output = output + input.substring(i, i + 100) + 'n';
          }
          return output;
        }
      })
  </script>
</body>
</html>

创建了一个将文本除以 100 个字符的过滤器。希望这对你有帮助。

你可以尝试使用

<div>{{address | limitTo:100}}</div>
<div>{{address | limitTo:100:100}}</div>
<div>{{address | limitTo:100:200}}</div>

这是语法

{{ object | limitTo : limit : begin }}

limit：一个数字，指定要返回的元素数
开始：可选。指定从何处开始限制的数字。默认值为 0

   $scope.newAddress='';
    while ( $scope.address.length > 100) {
        $scope.newAddress+=  $scope.address.substring(0, 100) + '<br>';
        $scope.address= $scope.address.substring(100);
      }
   $scope.newAddress+=$scope.address;

和

{{$scope.newAddress}}

相关内容

最新更新

热门标签：