Angularjs quick filter sort an array by strings

Angularjs quick filter sort an array by strings.

Demo:


<div ng-controller="MyCtrl">   
    <input type="text" ng-model="searchText" />
  <ul ng-repeat="strVal in arrVal|filter:searchText|mySort" >
      <li>{{strVal}}</li>
  </ul>
</div>

var app=angular.module('myApp', []);

app.controller('MyCtrl', function ($scope,$filter) {
  $scope.arrVal = ['one','two','three','four','five','six']; 
});

app.filter('mySort', function() {
    return function(input) {
      return input.sort();
    }
  });

<li>{{strVal}}</li>

</ul>

</div>

var app=angular.module('myApp', []);

app.controller('MyCtrl', function ($scope,$filter) {

$scope.arrVal = ['one','two','three','four','five','six'];

});

app.filter('mySort', function() {

return function(input) {

return input.sort();

}

});

You can also order by a method, so you can use the toString method


<ul ng-repeat="strVal in arrVal | orderBy:'toString()' | filter:searchText">

2 thoughts on “Angularjs quick filter sort an array by strings”

Nice one for pointing out that you can sort by an existing method like that. It seems so obvious now I’ve seen it.

Sam Deering says:

August 27, 2014 at 2:11 am

No Worries 🙂

Reply

Get Your Free Angular 2 Book Chapters

2 thoughts on “Angularjs quick filter sort an array by strings”

Leave a Reply Cancel reply