/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

0 vote292 views1 answer
"What do the observed locations of gamma-ray bursts tell us about them?"
TypeScript
9 votes314 views5 answers
Array of objects typescript
TypeScript
2 votes328 views1 answer
Where do scientists get their stem cells for research?
TypeScript
3 votes345 views1 answer
Regex replace certain string
TypeScript
0 vote317 views1 answer
Servlets meaning
TypeScript
1 vote342 views1 answer
What does a test case consists of
TypeScript
0 vote309 views1 answer
Share data across tab through localstorage
TypeScript
0 vote306 views1 answer
How to compare two lists and return the number of times they match at each index in python
TypeScript
1 vote325 views1 answer
Ion input ngmodel not working ionic 6
TypeScript
0 vote319 views2 answers
When we dont have to show data of child but change in child should be displayed in parent automatically
TypeScript

Share