【问题标题】:AngularJS orderBy property incorrectAngularJS orderBy 属性不正确
【发布时间】:2018-09-23 01:30:47
【问题描述】:

我正在遍历一个对象数组,并希望它们按“ecuName”属性按字母顺序排序。我不明白为什么“HVAC”在“ABC”之前渲染。

    "ecuInfoList": [
      {
        "id": 4,
        "ecuName": "ACC"
      },
      {
        "id": 6,
        "ecuName": "HVAC"
      },
      {
        "id": 5,
        "ecuName": "ABG"
      }
    ]

编辑

忘记添加模板代码了。

<div ng-repeat="ecu in config.ecuInfoList | orderBy:'ecuName' track by $index"><strong>{{ ecu.ecuName }}</strong>...

【问题讨论】:

  • 您确实需要出示用于订购这些商品的代码。

标签: angularjs angularjs-orderby


【解决方案1】:

您现在可以使用 ng-repeat 正确访问数组。检查工作DEMO

演示

var app = angular.module('testApp',[]);
app.controller('testCtrl',function($scope){
 $scope.data = { "ecuInfoList": [
      {
        "id": 4,
        "ecuName": "ACC"
      },
      {
        "id": 6,
        "ecuName": "HVAC"
      },
      {
        "id": 5,
        "ecuName": "ABG"
      }
    ]
    };
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="testApp" ng-controller="testCtrl">
 <div ng-repeat="mydata in data.ecuInfoList | orderBy:'ecuName'">
   {{mydata.ecuName}}
 </div>
</body>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-06-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-06-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多