仅当字符串长度超过 50 个字符时才显示切换阅读更多/更少按钮答案

【问题标题】：show toggle read more/less button only if string length is longer than 50 characters仅当字符串长度超过 50 个字符时才显示切换阅读更多/更少按钮
【发布时间】：2018-07-09 18:06:35
【问题描述】：

仅当内容超过 50 个字符时，我想在表格中显示“阅读更多/更少”按钮。表中内容混杂，有10个左右标志的短公告，也有100以上的公告

<div class="col">
<span ng-class="{'show_all_text' : toggle_txt}" >{{text}}</span>
<button ng-click="{'show_all_text' : toggle_txt}" ng-if=" text.length > 50" class="show_more_txt btn">Show / Hide more</button>
</div>

【问题讨论】：

伙伴，如果您想得到任何答案，请在您的问题中发布您当前的代码。

标签： jquery html angular css

【解决方案1】：

在您的阅读更多/更少按钮上添加ngIf。

<button *ngIf="content?.length > 50">Read more</button>

【讨论】：