ng Options with Group By

<!DOCTYPE html>
<html>

<head>
    <title></title>
    <meta charset="utf-8" />
    <script src="Scripts/angular.js"></script>
    <script>
    var app = angular.module('myApp', []);
    app.controller('MyCtrl', function($scope)
    {
        $scope.rows = [
        {
            "group": "name",
            "displayName": "First Name",
            "modelName": "firstName"
        },
        {
            "group": "name",
            "displayName": "Last Name",
            "modelName": "lastName"
        },
        {
            "group": "address",
            "displayName": "Zip Code",
            "modelName": "zipCode"
        },
        {
            "group": "address",
            "displayName": "city",
            "modelName": "city"
        }]
    })
    </script>
</head>

<body ng-app="myApp" ng-controller="MyCtrl">
    <div>
        <select ng-model="row" ng-options="row.modelName as row.displayName group by row.group for row in rows"></select>
    </div>
</body>

</html>