Read more and read less feature



I want to use textwrap property and set it dynamicly on click it will show more text but problem is how check that text in line completed or not

 <Label class="text-right"  [text]="item.description_visible ? 'Read Less' : 'Read More'" textWrap="true" (tap)="toggleDescription(item)"></Label>

it appear for all but i want it appear to be when more text are left it doesnot show when text are completed in one line


Usually read more feature is given based on number of characters. For example show first 100 characters always and add read more link at end. Upon click show rest of the characters.