Làm thế nào để làm cho bộ lọc theo thứ tự hoạt động trên mảng chuỗi?

Đây là mã không hoạt động: Demo: http://jsfiddle.net/8dt94/63/

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

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

Bạn có thể đặt hàng theo một phương thức, vì vậy bạn có thể sử dụng phương thức toString

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

Viết bộ lọc tùy chỉnh :

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

HTML:

<ul ng-repeat="strVal in arrVal|filter:searchText|mySort">

Làm biếng .