Use filter in AngularJS directive

Let's say we have this raw data :

$scope.names = [

        {name:'Jani',country:'Norway'},

        {name:'Carl',country:'Sweden'},

        {name:'Margareth',country:'England'},

        {name:'Hege',country:'Norway'},

        {name:'Joe',country:'Denmark'},

        {name:'Gustav',country:'Sweden'},

        {name:'Birgit',country:'Denmark'},

        {name:'Mary',country:'England'},

        {name:'Kai',country:'Norway'}

        ];

<ul>

  <li ng-repeat="x in names | orderBy:'country'">

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

  </li>

</ul>

Example:

Looping with objects:

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