(PCC)[ANGULARJS] How to use The ng repeat Directive (with Objects) in AngularJS

Programming Code Center(PCC)
[ANGULARJS]

(PCC)::[How-to-use-The-ng-repeat-Directive-(with-Objects)-in-AngularJS]::[angularjs]

File Name : index.html

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="" ng-init="names=[
{name:'Jani',country:'Norway'},
{name:'Hege',country:'Sweden'},
{name:'Kai',country:'Denmark'}]">

<p>Looping with objects:</p>
<ul>
  <li ng-repeat="x in names">
  {{ x.name + ', ' + x.country }}</li>
</ul>

</div>

</body>
</html>

Output :

Looping with objects:

{{ x.name + ', ' + x.country }}