Пожалуйста, помогите мне достичь функциональности "см. Больше текста".
Я работаю над угловым 4 и primgNg.Моя страница показывает столбец с именем «Описание».Первоначально я должен показать только 1000 символов в этом столбце и показать down arrow, если описание превышает 1000 символов.При нажатии на down arrow пункт расширится, и он покажет полный текст, а стрелка превратится в up arrow.Другими словами, переключение.Пожалуйста, помогите мне достичь этого.До сих пор я пытался, как показано ниже, но не смог выполнить требование.
HTML
<div>Description</div>
<div>{{details.desc | slice:0:1000}}</div>
<div *ngIf="details.desc.length >= 1000">
<span class="arrow-down"></span>
</div>
CSS
.arrow-down {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #f00;
}