/TypeScript/How to implement read more and readless in angular

How to implement read more and readless in angular

How to implement read more and readless in angular

 showShortDesciption = true

 alterDescriptionText() {
    this.showShortDesciption = !this.showShortDesciption
 }

0

Source: stackoverflow.com

How to implement read more and readless in angular

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

0

Source: stackoverflow.com

How to implement read more and readless in angular

<div [ngClass]="{'show-less': showShortDesciption}">
      <!-- Your Text Here -->
</div

0

Source: stackoverflow.com

How to implement read more and readless in angular

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

0

Source: stackoverflow.com

Similar codes

-1 vote197 views1 answer
Splice typescript array
TypeScript
3 votes204 views2 answers
Removing directories in linux
TypeScript
0 vote172 views1 answer
Get url params in typescript
TypeScript
24 votes246 views4 answers
NgFor
TypeScript
1 vote199 views1 answer
Wordpress robots txt file
TypeScript
0 vote176 views1 answer
Acces arrey lements without comma
TypeScript
0 vote190 views1 answer
Spilit with comma in ts
TypeScript
0 vote184 views1 answer
Interface with variable key typescript
TypeScript
0 vote169 views1 answer
Embed python in html
TypeScript
1 vote216 views1 answer
Angular connexion
TypeScript

Share