Question

我想在选择框中按升序显示以下数据。

数据如下： -

 [
  {
"value": "MKZ_2017_LCN2014",
"text": "林肯MKZ"
},
{
"value": "MKX_2016_LCN2014",
"text": "林肯MKX"
},
{
 "value": "MKC_presidential_LCN2014",
"text": "林肯总统系列MKC(Oasis)"
},
{
"value": "MKZ_2015_360used_LCN2014",
"text": "林肯MKZ(360)"
}
]

查看代码是： -

<select
  class="select-modal"
  ng-model="key3" 
  id="model-03-1"
  name="third-primary-model" 
  ng-options="nameplate.text for nameplate in thirdLevelDropDown track by nameplate.value"
  ng-change="getCarModel3(key3)"
   >
    <option value="">Select</option>
   </select>

我想对文字名称上的选择框进行排序。

感谢您的帮助

Answer 1

您可以执行此操作，使用| orderBy:'text'

  <select class="select-modal" ng-model="key3" id="model-03-1" name="third-primary-model" ng-options="nameplate.text for nameplate in thirdLevelDropDown | orderBy:'text'" ng-change="getCarModel3(key3)">
      <option value="">Select</option>
    </select>

<强> DEMO

Answer 2

这适合我。

ng-options="nameplate.text for nameplate in (models | orderBy: 'text') track by nameplate.value"

angularjs动态排序的JSON数据

2 个答案: