У меня есть парни, определенные в моем контроллере, как это:

  $scope.chaps =  [{"id":"1","chap_no":"1","name":"chap 1"},
                  {"id":"2","chap_no":"2","name":"chap 2"},
                  ...
                  {"id":"14","chap_no":"14","name":"chap 14"},
                  {"id":"15","chap_no":"15","name":"chap 15"}];

и по мнению, у меня есть:

<li ng-repeat="ch in chaps | orderBy:'chap_no'">{{ch.name}}</li>

но я получаю неправильный порядок (10 после 1, 20 после 2 и т. д.)

chap 1, chap 10, chap 11, chap 12, chap 13, chap 14, chap 15, chap 2, chap 3, ...

Вот плункер:http://plnkr.co/edit/Pc84ooB6dp2zoHXeawYn?p=preview

Может кто-нибудь сказать мне, что я делаю не так здесь