/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

2 votes160 views4 answers
This version of CLI is only compatible with Angular versions
Javascript AngularJS
5 votes148 views1 answer
Access angular app outside localhost
Javascript AngularJS
0 vote153 views1 answer
Angular reactive form remove validation
Javascript AngularJS
-1 vote293 views1 answer
An unhandled exception occurred: ENOENT: no such file or directory, lstat 'C:\Users\hp\Desktop\New folder\node_modules' See "C:\Users\hp\AppData\Local\Temp\ng-uhxyh2\angular-errors.log" for further details.
Javascript AngularJS
0 vote153 views1 answer
New date in interpolation angular
Javascript AngularJS
0 vote150 views1 answer
@angular/common
Javascript AngularJS
1 vote113 views1 answer
Angular form set value without fire event
Javascript AngularJS
1 vote220 views3 answers
This version of CLI is only compatible with Angular versions ^9.0.0-beta || >=9.0.0 <10.0.0, but Angular version 8.1.3 was found instead.
Javascript AngularJS
0 vote150 views4 answers
Get form control value in angular 8
Javascript AngularJS
1 vote143 views1 answer
Your global Angular CLI version is greater than your local version
Javascript AngularJS