Nativescript Angular 2 - Показать первые 40 символов надписи и показать больше при нажатии кнопки

Question

Я хочу иметь решение для машинописи.Есть ярлык с большим количеством текста, и я хочу показать первые 40 символов.Если пользователь нажимает кнопку «показать больше» ниже, весь ярлык должен загрузиться, а ярлык «показать больше» должен измениться на «показать меньше».После нажатия кнопки «показать меньше» функция должна быть отменена.

home.component.html

<label> 
    id="myLabel" 
    text="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut l">
</label>

<label id="showMore" text="Show more"></label>

Answer 1

В моем проекте Angular 7 я использую этот подход.Надеюсь, это поможет ...

<div>
   <p *ngIf="!showMore">{{myText.slice(0,40)}}...</p>
   <p *ngIf="showMore">{{myText}}</p>
   <button (click)="showMore=!showMore">Click here to read {{showMore ? 'Less' : 'More'}}...</button>
</div>

Как описано в комментариях @Bass, у меня есть небольшое обновление для моего кода,

<div>
   <p>{{showMore ? myText : myText.slice(0,40)}}...</p>
   <button (click)="showMore=!showMore">Click here to read {{showMore ? 'Less' : 'More'}}...</button>
</div>

Спасибо.