Sort list by property name AngularJS

Question

I have a complex object that looks like:

   {
      'street35':[
          {'address154': 'name14'},
          {'address244': 'name2'}
      ],
      'street2':[
          {'address15': 'name1'},
          {'address234': 'name2'}
      ]
   }

I'm binding it to the html using the (value, key) in object attribute that angular.js provides. I want to order by the value in this case by the street name. Any suggestions?

M. Junaid Salaat · Accepted Answer · 2016-10-22 22:22:21Z

2

You can try this code:

JS:

   $scope.streetsObject = {
      'street35':[
          {'address154': 'name14'},
          {'address244': 'name2'}
      ],
      'street2':[
          {'address15': 'name1'},
          {'address234': 'name2'}
      ]
   }

HTML:

<div ng-repeat="street in streetsObject | orderBy">
    <span ng-repeat"name in street">
    </span>
</div>

The code supposes that you are using angular 1.3.0+.

edited Oct 22, 2016 at 22:22

M. Junaid Salaat

3,8031 gold badge25 silver badges27 bronze badges

answered Oct 22, 2016 at 21:30

victor175

6243 gold badges10 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Sort list by property name AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related