以一定数量的字符隐藏文章的其余部分

Question

以一定数量的字符隐藏文章的其余部分

我有一个@foreach循环，我想在网格中显示div。问题是一些div有超过x量的描述字母，所以风格变得怪异。如何隐藏文本40个字母，例如facebook风格。我希望所有方框都相同。

这就是我现在所拥有的：

`<div class="row">
@foreach ( $objects as $object )
  <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
      <div class="panel panel-default">
          <div class="panel-body">
              {{ $object->body }}
      {{ $object->date }}
          </div>
      </div>
  </div>
@endforeach
</div>`

我认为，我必须使用服务器重新加载其余的描述一次（阅读更多）已被点击。

我没有任何想法如何编码。它是Vue或Angular。

由于

Answer 1

使用Blade，您可以使用str_limit。

{{ str_limit($object->body, $limit = 40, $end = '...') }}

这将允许您添加省略号或任何您想要的结果以保持一致性。

（见这个答案：Truncate string in Laravel blade templates）

如果您特别需要使用Angular，请参阅以下答案：Limit the length of a string with AngularJS