/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 vote246 views1 answer
Angular-bootstrap-md angular 10
Javascript AngularJS
0 vote279 views1 answer
Angular 11 export excel with customize header
Javascript AngularJS
3 votes262 views1 answer
Ternary operator angular template
Javascript AngularJS
24 votes238 views2 answers
Uninstall angular cli
Javascript AngularJS
0 vote259 views2 answers
Scroll down angular with animation
Javascript AngularJS
121 votes325 views6 answers
New angular project
Javascript AngularJS
0 vote269 views1 answer
How to redirect from login page to other page if user is already logged in in angular using jwt
Javascript AngularJS
0 vote274 views1 answer
Filter json array by key in angular 9
Javascript AngularJS
0 vote265 views1 answer
How to pass basic auth for api in angular 11
Javascript AngularJS
0 vote265 views1 answer
How to import scss file in angular
Javascript AngularJS

Share