Looping through a JSON element in AngularJS

Question

I have the following ng-repeat code:

<li ng-repeat="vid in vids | filter:query | orderBy:orderProp">
       {{vid.title}}
</li>

My question is, can I loop through vids and print out each and every key and value if I don't know the key name?

So sort of how I would do it in php:

<?php
foreach ($vids as $key => $val) {
    echo $key . "=" . $val;
}
?>

vid = $val, $index = $key... docs.angularjs.org/api/ng.directive:ngRepeat — Shanimal
– Shanimal, Commented May 23, 2013 at 13:08
My previous comment is wrong in the context of objects. I expected an array because of =>. +1 for a good question and +1 for Ajay for a good answer. — Shanimal
– Shanimal, Commented May 23, 2013 at 15:25

Ajay Singh Beniwal · Accepted Answer · 2013-05-23 13:20:10Z

5

I am totally not sure about question but it should work

<!DOCTYPE html>
<html ng-app="myApp" >
<head>
    <title></title>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>
</head>
<body  ng-controller="testctrl">
    <div ng-repeat="vid in vids">
        <span ng-repeat ="(key, value) in vid">{{key}} ,{{value}}</span>
    </div>
  <script>
      var app = angular.module('myApp', []);
      app.controller('testctrl', function ($scope) {
          $scope.vids = [{ 'adam': 10, 'amalie': 12 }, { 'adam': 12, 'amalie': 12 }];
      });
  </script>
</body>
</html>

answered May 23, 2013 at 13:20

Ajay Singh Beniwal

19k11 gold badges84 silver badges100 bronze badges

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

Collectives™ on Stack Overflow

Looping through a JSON element in 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