/Javascript/AngularJS/Order by ascending descending in angular 6 on click of button

Order by ascending descending in angular 6 on click of button

<button (click)="sortData()">Sort Data</button>
<div *ngFor="let item of items">
{{items.attributes.fullName}}
</div>

Source: stackoverflow.com

Order by ascending descending in angular 6 on click of button

private isAscendingSort: boolean = false;

sortUser() {
  console.log('sorting!'); // just to check if sorting is being called
  this.isAscendingSort = !this.isAscendingSort; // you missed this

  this.items.sort((item1: any, item2: any) => this.compare(item1, item2));
}

Source: stackoverflow.com

Order by ascending descending in angular 6 on click of button

let isAscendingSort: Boolean = true;
sortUser() {
    console.log('sorting!'); //just to check if sorting is beng called
    this.items.sort((item1: any, item2: any) => this.compare(item1, item2));
  }
  // Sort
  compare(item1: any, item2: any): number {
    let compValue = 0;
      compValue = item1.attributes.fullName.localeCompare(item2.attributes.fullName, 'en', {
        sensitivity: 'base'
      });
    console.log(compValue);
    if (!this.isAscendingSort) {
      compValue = compValue * -1;
    }
    return compValue;
  }

Source: stackoverflow.com

Similar codes

0 vote184 views1 answer
Angular submit with required
Javascript AngularJS
0 vote186 views2 answers
Veu js vs angular vs react features
Javascript AngularJS
30 votes370 views5 answers
Angular bootstrap
Javascript AngularJS
0 vote192 views2 answers
Scroll down angular with animation
Javascript AngularJS
0 vote201 views1 answer
Comment intégrer font awesome et bootstrap dans angular 13
Javascript AngularJS
0 vote299 views1 answer
AngularJS module can be created using ............ A. module.create(); B.angular.create(); C.angular.module(); D.var myModule = new module();
Javascript AngularJS
2 votes190 views2 answers
Lodash angular 9
Javascript AngularJS
0 vote235 views3 answers
How to receive window.postmessage event in angular 9
Javascript AngularJS
0 vote182 views1 answer
Angular http call caching issue even after no-cache
Javascript AngularJS
12 votes269 views3 answers
Angular create guard
Javascript AngularJS