Check out example codes for "limit characters and have three dots after in angular 6". It will help you in understanding the concepts better.

Code Example 1

<div ng-init="limit = 150; moreShown = false">
    {{text | limitTo: limit}}{{text.length > limit ? '...' : ''}}
    <a ng-show="text.length > limit"
      href ng-click="limit=text.length; moreShown = true">  More
    </a>
    <a ng-show="moreShown" href ng-click="limit=150; moreShown =    false"> Less </a>
</div>

Learn ReactJs, React Native from akashmittal.com