Sort by specific custom type in angular

Question

I have a list of elements which one of the property is type, adn its values: { footprint, platform, roving } I am trying to sort the list following the next criteria: platform > footprint > roving

Since alphbetical order footprint is before platform, sorting by the field is not working as expected and I don't know exactly how to implement a custom sort callback to do it. I am using https://vadimdez.github.io/ngx-order-pipe/ module and here is my try:

template

...
 <tr *ngFor="let platform of platforms | orderBy: order: false: true: sortCriteria; let i = index;">
...
...

component

...
order: string[] = ['type', 'name'];
...
  sortCriteria(itemA, itemB) {
    if (itemA.type == 'platform') return 1;
    if (itemB.type == 'platform') return -1;
    if ((itemA.type == 'footprint') && (itemB.type == 'roving')) return 1
    if (itemA.type == 'roving') return -1
  }    
...

I will appreciate some ideas to get this sort works as expected.

If you get the collection 'platforms' from a server you should sort it in the server. — Jens Alenius
– Jens Alenius, Commented Oct 24, 2019 at 13:42

Roy · Accepted Answer · 2019-10-25 21:07:32Z

3

You can create an 'order array' and fill it with correct order that do you want to use. Then use simple code:

let typesOrder = ['platform', 'footprint', 'roving'];

sortCriteria(itemA, itemB) {
    return typesOrder.indexOf(itemA.type) < typesOrder.indexOf(itemB.type);
}

edited Oct 25, 2019 at 21:07

Roy

8,1295 gold badges29 silver badges49 bronze badges

answered Oct 24, 2019 at 11:31

Karol T

1,1461 gold badge11 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Sort by specific custom type in angular

template

component

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

template

component

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related