/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

1 vote305 views2 answers
Angular disable select dropdown
Javascript AngularJS
0 vote300 views2 answers
Referrer Policy: strict-origin-when-cross-origin angular
Javascript AngularJS
0 vote348 views1 answer
Datatable shows No data available in table in angular
Javascript AngularJS
0 vote344 views1 answer
Angular material nested tree
Javascript AngularJS
-1 vote479 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 vote300 views1 answer
How to disable reactive form submit button in Angular
Javascript AngularJS
3 votes307 views3 answers
Angular input change event
Javascript AngularJS
21 votes398 views6 answers
Angular property has no initializer and is not definitely assigned in the constructor
Javascript AngularJS
32 votes393 views4 answers
Angular version command
Javascript AngularJS
0 vote317 views1 answer
How to use buffer in angular by using browserify
Javascript AngularJS