10

http://docs.angularjs.org/api/ng.filter:orderByから最も単純なデモを 取得し、年齢の値を変更して桁数を変更しました。期待どおりに動作しなくなります。「整数」値ではなく「文字列」のような順序付け。整数値のように年齢順に並べ替えるにはどうすればよいですか?

Plunkr のデモはこちら http://plnkr.co/edit/pzgiIYrki7jUZdVaTMt9?p=preview

コードは次のとおりです。

function Ctrl($scope) {
  $scope.friends =
      [{name:'John', phone:'555-1212', age:'2352345'},
       {name:'Mary', phone:'555-9876', age:'4235243'},
       {name:'Mike', phone:'555-4321', age:'241'},
       {name:'Adam', phone:'555-5678', age:'34325'},
       {name:'Julie', phone:'555-8765', age:'1234'}]
  $scope.predicate = '-age';
}


<!doctype html>
<html ng-app="App">
  <head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
  <body>

<div ng-controller="Ctrl">
  <pre>Sorting predicate = {{predicate}}; reverse = {{reverse}}</pre>
  <hr/>
  [ <a href="" ng-click="predicate=''">unsorted</a> ]
  <table class="friend">
    <tr>
      <th><a href="" ng-click="predicate = 'name'; reverse=false">Name</a>
          (<a href="" ng-click="predicate = '-name'; reverse=false">^</a>)</th>
      <th><a href="" ng-click="predicate = 'phone'; reverse=!reverse">Phone Number</a></th>
      <th><a href="" ng-click="predicate = 'age'; reverse=!reverse">Age</a></th>
    </tr>
    <tr ng-repeat="friend in friends | orderBy:predicate:reverse">
      <td>{{friend.name}}</td>
      <td>{{friend.phone}}</td>
      <td>{{friend.age}}</td>
    </tr>
  </table>
</div>


  </body>
</html>
4

6 に答える 6

11

この回答には少し遅れていることはわかっていますが、Angular の最新バージョンでは、関数を orderBy の述語 ( https://docs.angularjs.org/api/ng/filter/orderBy ) として使用できます。この場合、コントローラーに次のような関数を追加します

$scope.orderByFunction = function(friend){
    return parseInt(friend.age);
};

orderBy フィルターの述語を変更します

ng-repeat="friend in friends | orderBy:orderByFunction:reverse"

これでうまくいきます！

于 2015-03-05T02:09:46.320 に答える
1

age 変数は文字列ではなく整数であるため、引用符を削除する必要があります。

  $scope.friends =
      [{name:'John', phone:'555-1212', age:2352345},
       {name:'Mary', phone:'555-9876', age:4235243},
       {name:'Mike', phone:'555-4321', age:241},
       {name:'Adam', phone:'555-5678', age:34325},
       {name:'Julie', phone:'555-8765', age:1234}]
于 2014-10-03T23:33:21.993 に答える
0

述語を次のように変更しても機能します。

<th><a href="" ng-click="predicate = '1*age'; reverse=!reverse">Age</a></th>
于 2017-03-01T22:30:37.500 に答える
-1

配列を json に変換する際に JSON_NUMERIC_CHECK コードを追加します。json_encode($anyarray,JSON_NUMERIC_CHECK);

于 2016-10-27T12:27:57.877 に答える