/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 vote210 views3 answers
Angular sanitize vs validators
Javascript AngularJS
2 votes329 views1 answer
Get current url angular
Javascript AngularJS
0 vote211 views1 answer
Angular formData print values
Javascript AngularJS
28 votes274 views6 answers
Angular router navigate
Javascript AngularJS
0 vote218 views1 answer
Extension for local storage in angular 8
Javascript AngularJS
0 vote223 views1 answer
Angular set dist output directly under dist rather than dist/project
Javascript AngularJS
47 votes252 views6 answers
Adding bootstrap to angular
Javascript AngularJS
0 vote217 views2 answers
How to define width with [styles] in percentage in angular
Javascript AngularJS
5 votes186 views1 answer
Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option in your 'tsconfig' or 'jsconfig' to remove this warning.ts(1219) angular
Javascript AngularJS
0 vote202 views1 answer
Screenfull angular example
Javascript AngularJS

Share