如何按字母顺序按字母顺序排列前端显示的字符串集

时间:2017-01-12 06:35:09

标签: angularjs sorting

我在前端显示了一组字符串。 字符串的顺序显示为1,2,3,4,3A,3B,3C 但我希望订单显示为1,2,3,3A,3B,3C,4 如果找到与该号码相关联的字母,则应首先显示该字母。 我怎样才能在角度上实现这一目标。

显示为1,2,3,4,3A,3B,3C 我正在获取数组中的值,如下所示。

<span ng-repeat="x in numbers[0] | orderBy:x:reverse" ng-if="x.selected">
                 {{x.value}}{{$last ? '' : ', '}}
               </span>
               <span ng-repeat="x in alphabeticalnumbers[1] | orderBy:x:reverse" ng-if="x.selected">
                 {{x.value}}{{$last ? '' : ', '}}
               </span>

1 个答案:

答案 0 :(得分:0)

这是一个工作小提琴:

https://jsfiddle.net/mtp0kcdd/16/

在您的html中,您可以先简单地连接数组,然后应用orderBy,如下所示:

uses:
  file: path/to/file.raml
  otherfile: path/to/otherFile.raml
  yetanother: path/to/yetanother.raml

如果你的:

<span ng-repeat="x in numbers[0].concat(alphabeticalnumbers[1]) | orderBy:x">
    {{x}}
</span>

numbers[0] = ['1','2','3','4','A','B','C'];

是上面的数组。