仅当字符串长度超过50个字符时，show toggle才会读取更多/更少的按钮

Question

我想显示＆＃34;更多/更少阅读＆＃34;仅当内容超过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>

Answer 1

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

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