AngularJS:OrderBy Descending(空条目)

时间:2016-04-22 13:36:00

标签: javascript angularjs ng-repeat angularjs-orderby

我正在使用Angular JS和Google Places API来构建网络应用。

我有 ng-repeat ,目前按“评级”降序排序( orderBy:' - rating')。因此,它会根据评分从降序排列Google Places API JSON文件中的x个位置。

但是,没有评级的项目/地点被归类为空,这些条目显示在我的ng-repeat供稿的顶部。这些应该放在Feed的底部,因为它们没有评级?

所以我想这样看的一个例子是:

<ng-repeat orderBy:'-rating'>
  <place rating="5"/>
  <place rating="4.2"/>
  <place rating="2.8"/>
  <place rating="null"/>
  <place rating="null"/>
</ng-repeat>

最好的解决方法是什么?

1 个答案:

答案 0 :(得分:4)

使用null过滤器对undefinedorderBy值进行排序。使用[]表示法orderBy:[ '!rating', '-rating', ]

这将在底部显示nullundefined值。

像:

 <li ng-repeat="option in options | orderBy:[ '!rating', '-rating', ]">{{option.name}}</li>