/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 votes142 views2 answers
Ngmodel
Javascript AngularJS
2 votes185 views2 answers
Angularjs dropdown
Javascript AngularJS
0 vote218 views1 answer
Jszip angular
Javascript AngularJS
0 vote177 views1 answer
Reactive forms angular conditional disabling
Javascript AngularJS
3 votes172 views1 answer
Add firebase angular
Javascript AngularJS
1 vote177 views1 answer
Kendo angular grid date format
Javascript AngularJS
8 votes167 views3 answers
Angular serve on different port
Javascript AngularJS
0 vote284 views1 answer
Toggle buttons angular styles
Javascript AngularJS
0 vote175 views1 answer
Filter table with multiple input in angular
Javascript AngularJS
21 votes219 views6 answers
Angular property has no initializer and is not definitely assigned in the constructor
Javascript AngularJS