AngularJS:降序排序(空条目)
AngularJS: OrderBy Descending (null entries)
我正在使用 Angular JS 和 Google Places API 构建网络应用程序。
我有一个 ng-repeat 目前正在按 "rating" 降序排列(orderBy:'-rating' ).因此它会根据评分从 Google Places API JSON 文件中按降序列出 x 个地方。
但是,items/places 没有评级的条目被归类为空,这些条目显示在我的 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>
解决这个问题的最佳方法是什么?
使用 orderBy
过滤器按 null
或 undefined
值排序。使用 []
符号 orderBy:[ '!rating', '-rating', ]
。
这将在底部显示 null
或 undefined
值。
喜欢:
<li ng-repeat="option in options | orderBy:[ '!rating', '-rating', ]">{{option.name}}</li>
我正在使用 Angular JS 和 Google Places API 构建网络应用程序。
我有一个 ng-repeat 目前正在按 "rating" 降序排列(orderBy:'-rating' ).因此它会根据评分从 Google Places API JSON 文件中按降序列出 x 个地方。
但是,items/places 没有评级的条目被归类为空,这些条目显示在我的 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>
解决这个问题的最佳方法是什么?
使用 orderBy
过滤器按 null
或 undefined
值排序。使用 []
符号 orderBy:[ '!rating', '-rating', ]
。
这将在底部显示 null
或 undefined
值。
喜欢:
<li ng-repeat="option in options | orderBy:[ '!rating', '-rating', ]">{{option.name}}</li>