在ngRepeat中对哈希对象的值进行排序 – angularJS

前端之家收集整理的这篇文章主要介绍了在ngRepeat中对哈希对象的值进行排序 – angularJS前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个像这样的对象:
  1. $scope.phones = new Object();
  2. $scope.phones['id1'] = {
  3. "name":"Phone Name1","dateReleased":"2012-1-09 15:48:24"
  4. };
  5. $scope.phones['id2'] = {
  6. "name": "Phone Name2","dateReleased":"2012-3-12 15:32:11"
  7. };
  8. $scope.phones['id3'] = {
  9. "name": "Phone Name3","dateReleased":"2012-2-10 13:53:32"
  10. };

我正在使用ngRepeat显示它.我无法通过dateReleased订购.此外,反向排序不起作用.我的ngRepeat看起来像这样:

  1. <li ng-repeat="phone in phones | orderBy:dateReleased:true">
  2. <p>{{phone.name}}</p>
  3. <p>{{phone.dateReleased}}</p>
  4. </li>
如果检查 documentation,则表示orderBy中的表达式可以是函数,字符串或数组.因此,您需要dateReleased为字符串:’dateReleased’

你需要你的手机对象是一个真正的阵列.

尝试:

  1. $scope.phones = [{
  2. "name":"Phone Name1","dateReleased":"2012-1-09 15:48:24"
  3. },{
  4. "name": "Phone Name2","dateReleased":"2012-3-12 15:32:11"
  5. },{
  6. "name": "Phone Name3","dateReleased":"2012-2-10 13:53:32"
  7. }];
  8.  
  9. <li ng-repeat="phone in phones | orderBy:'dateReleased':true">
  10. <p>{{phone.name}}</p>
  11. <p>{{phone.dateReleased}}</p>
  12. </li>

猜你在找的Angularjs相关文章