AngularJs - ng-model en un SELECT

JSfiddle

Problema:

Tengo un elemento SELECT en mi página, que se completa con unng-repeat. También tiene unng-model que tiene un valor predeterminado

Cuando cambio el valor, elng-model se adapta, está bien. Pero la lista desplegable muestra un espacio vacío en el lanzamiento, donde debería tener el elemento con el valor predeterminado seleccionado en su lugar.

Código

<div ng-app ng-controller="myCtrl">
    <select class="form-control" ng-change="unitChanged()" ng-model="data.unit">
         <option ng-repeat="item in units" ng-value="item.id">{{item.label}}</option>
    </select>
</div>

Con JS:

function myCtrl ($scope) {
    $scope.units = [
        {'id': 10, 'label': 'test1'},
        {'id': 27, 'label': 'test2'},
        {'id': 39, 'label': 'test3'},
    ]

        $scope.data = {
        'id': 1,
        'unit': 27
        }

};

Respuestas a la pregunta(6)

Su respuesta a la pregunta