/Javascript/AngularJS/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

<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

How to implement read more and readless in angular

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

0

Source: stackoverflow.com

Similar codes

0 vote319 views1 answer
Angular get first element ngfor
Javascript AngularJS
0 vote291 views1 answer
Angular radio box already showing checked
Javascript AngularJS
3 votes294 views1 answer
Install ionic @angular/fire
Javascript AngularJS
1 vote303 views1 answer
How to concurrently run angular and node
Javascript AngularJS
12 votes279 views6 answers
Angular conditional class
Javascript AngularJS
0 vote294 views1 answer
Angular ng build Maximum call stack size exceeded
Javascript AngularJS
27 votes322 views5 answers
Create new project angular
Javascript AngularJS
10 votes311 views3 answers
Angular create service command line
Javascript AngularJS
0 vote217 views1 answer
Angular toggle class on click
Javascript AngularJS
1 vote303 views1 answer
Your global Angular CLI version (11.0.2) is greater than your local version
Javascript AngularJS

Share