Question

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

让我们说，view.html

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

和controller.js有

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

我想在下一行显示超过100的字符。谢谢。

Answer 1

<!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个字符。希望这可以帮助你。

Answer 2

您可以尝试使用

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

这是语法

{{ object | limitTo : limit : begin }}

limit：一个数字，指定要返回的元素数量

开始：可选。一个数字，指定从何处开始限制。   默认值为0

Answer 3

   $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}}

Angularjs：在100个字符后将字符串分解为下一行

3 个答案: