JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.bootcss.com/angular.js/1.3.14/angular.js"></script>
<body>
<div ng-app="myApp" ng-controller="namesCtrl">

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

</div>
</body>

JavaScript

angular.module('myApp', []).controller('namesCtrl', function($scope) {
    $scope.names = [
        {name:11,country:'Norway'},
        {name:2,country:'Sweden'},
        {name:3,country:'Denmark'}
    ];
});