ng-repeat 按字符串值排序

康纳·辛普森

我想知道是否可以通过基于字符串的列表进行排序,例如

我希望所有的Bear都在我的 ng-repeat 基于item.type.

数据:

$scope.Reindeers = [{
    "name": "Vixen",
    "type": "Bear"
},
{
    "name": "Prancer",
    "type": "Dog"
},
{
    "name": "Dancer",
    "type": "Cat"
},
{
    "name": "Rudolph",
    "type": "Bear"
}]

AngularJS 例如

<div class="weird-reindeers" ng-repeat="Deer in Reindeers | orderBy: 'type == Bear'"></div>
Pop-A-Stash

的参数orderBy可以是一个函数:https : //docs.angularjs.org/api/ng/filter/orderBy#orderBy-arguments

编写一个函数,返回一个用于排序的值。最高优先级应返回最低值:

$scope.orderByBears = function(item) {
  switch(item.type) {
    case "Bear":
      return -10;
    /*case "Dog":
      return -5;*/
    default:
      return 0;
  }
}

然后将其用作您的orderBy功能:

<div class="weird-reindeers" ng-repeat="Deer in Reindeers | orderBy: orderByBears"></div>

https://jsfiddle.net/jnokyfx9/2/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

角度ng-repeat(键,值)| 按值排序

来自分类Dev

angularjs ng-repeat以数字顺序排序字符串数组

来自分类Dev

在ng-repeat中对字符串如“ 2013/2014”进行排序

来自分类Dev

排序嵌套ng-repeat

来自分类Dev

如何按值过滤ng-repeat?

来自分类Dev

拆分字符串,然后放入ng-repeat?

来自分类Dev

逗号分隔字符串的角度ng-repeat

来自分类Dev

json字符串中的AngularJS ng-repeat

来自分类Dev

编辑ng-repeat的值

来自分类Dev

ng-table:如何按不属于ng-repeat的值排序?

来自分类Dev

分割在ng-repeat指令中创建的字符串(ng-model)

来自分类Dev

ng-repeat中的按对象键排序

来自分类Dev

在View中的ng-repeat中按日期排序过帐

来自分类Dev

ng-repeat order突然停止排序

来自分类Dev

ng-repeat order突然停止排序

来自分类Dev

具有ng-repeat的字符数组

来自分类Dev

AngularJS:在ng-repeat中修改值

来自分类Dev

ng-repeat创建的范围的$ interpolate值

来自分类Dev

AngularJS从ng-repeat检索值

来自分类Dev

在ng-repeat中捕获空值

来自分类Dev

ng-repeat,值2除外

来自分类Dev

如何限制我的ng-repeat值

来自分类Dev

ng-repeat不显示任何值

来自分类Dev

使用ng-repeat访问值

来自分类Dev

ng-repeat 值未定义

来自分类Dev

AngularJS ng-repeat排序表,其值带有特殊字符“:”

来自分类Dev

使用ng-model值过滤ng-repeat

来自分类Dev

ng-model不捕获ng-repeat中的值

来自分类Dev

通过ng-repeat绑定ng-model中的值