AngularJS orderBy property incorrect

38 Views Asked by neridaj At 20 October 2024 at 08:36

I'm iterating over an array of objects and would like them sorted alphabetically by the 'ecuName' property. I don't understand why 'HVAC' is rendering before 'ABC'.

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

Edit

Forgot to add the template code.

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

Original Q&A

There are 1 best solutions below

Sajeetharan On 23 September 2018 at 03:21

You might now access the array with ng-repeat properly. Check the working DEMO

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>

AngularJS orderBy property incorrect

There are 1 best solutions below

Related Questions in ANGULARJS

Related Questions in ANGULARJS-ORDERBY

Trending Questions

Popular # Hahtags

Popular Questions