angular 4 read more read less code example

Example 1: how to implement read more and readless in angular

.show-less {
    height: 4rem;
    overflow: hidden;
    padding: 1rem;
}

Example 2: how to implement read more and readless in angular

<button type="button" (click)="alterDescriptionText()">
   { showShortDesciption ? 'SHOW ALL': 'SHOW LESS' }}
 </button>