/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 vote234 views1 answer
Ag grid angular examples
Javascript AngularJS
1 vote263 views1 answer
Update angular to specific version
Javascript AngularJS
0 vote240 views1 answer
Upload files with angular
Javascript AngularJS
19 votes230 views6 answers
Generate component in angular
Javascript AngularJS
0 vote269 views1 answer
Jszip angular
Javascript AngularJS
1 vote231 views1 answer
Emit resize event in angular
Javascript AngularJS
4 votes277 views2 answers
Add jquery angular
Javascript AngularJS
1 vote227 views2 answers
Angular img tag
Javascript AngularJS
0 vote228 views1 answer
Angular ng default scss
Javascript AngularJS
0 vote243 views1 answer
Angular add debounce time before putting valu in subject next
Javascript AngularJS

Share