Angular

by Johan Preynat

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootswatch/3.2.0/yeti/bootstrap.min.css">
<div class="container" ng-controller="SimpleController">
    <ul>
        <li ng-repeat="cust in customers | orderBy: 'city'">
            {{ cust.name }} - {{ cust.city }}
        </li>
    </ul>
</div>

JavaScript

var myApp = angular.module('myApp', []);

function SimpleController($scope) {
    $scope.customers = [
        { name: 'Pete', city: 'Lyon' },
        { name: 'Steve', city: 'Paris' },
        { name: 'Maurice', city: 'Marseille' },
    ];
}