How do I sort a list alphabetically and numerically in angularjs?

Question

Here is my scenario

<selectclass="form-control" id="my_select"><optionvalue="0">List is Number</option><option value="1">List is Alphabetical</option></select>

  <liclass="ui-state-default " ng-repeat="damageResult in damageResultList>  <span>{{damageResult.damageMechanismList}}hfgh</span></li>

Satyam Koyani · Accepted Answer · 2016-11-30 05:12:40Z

4

Apply orderBy filter on that field. You can learn more here about sorting.

ng-repeat="damageResult in damageResultList | orderBy:'YOUR_FIELD_NAME'"

answered Nov 30, 2016 at 5:12

Satyam Koyani

4,2842 gold badges25 silver badges49 bronze badges

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

Comments

harishr · Accepted Answer · 2016-11-30 05:23:42Z

1

what you can do is define a custom function to sort and convert the text to number in case field is number

$scope.sorterFunc = function(entity){
    return $scope.isFieldNumber? parseInt(entity[$scope.property], 10) : entity[$scope.property];
};

and then in ng-repeat

<div ng-repeat="entity in entityArray | orderBy:sorterFunc ">

answered Nov 30, 2016 at 5:23

harishr

18.1k9 gold badges84 silver badges131 bronze badges

Collectives™ on Stack Overflow

How do I sort a list alphabetically and numerically in angularjs?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related