/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 vote222 views3 answers
How to receive window.postmessage event in angular 9
Javascript AngularJS
2 votes188 views2 answers
If 'router-outlet' is an Angular component, then verify that it is part of this module.
Javascript AngularJS
50 votes345 views3 answers
Angularjs substring
Javascript AngularJS
0 vote241 views1 answer
How to manually trigger browser back button from angular
Javascript AngularJS
0 vote181 views1 answer
Angular watching for changes in $http.pendingRequests from directive
Javascript AngularJS
0 vote180 views1 answer
Install aos angular 10
Javascript AngularJS
2 votes260 views1 answer
Gitignore for angular
Javascript AngularJS
0 vote172 views1 answer
Angular get device information
Javascript AngularJS
0 vote184 views2 answers
Zoom map around the marker angular
Javascript AngularJS
0 vote277 views1 answer
Trim angular material input with ellipsis
Javascript AngularJS

Share