I need a stylesheet picker so I thought I'd build it my self :P

This is my first property editor and everything works as it should except for the initial state.

What I have now:

Controller:

angular.module("umbraco").controller("Webwonders.StylesheetPicker",
    function ($scope, stylesheetResource) {
        if (!$scope.stylesheets) {
            $scope.stylesheets = [];
        }

        stylesheetResource.getAll().then(function (stylesheets) {
            var emptyRadio = { name: "Geen stylesheet", path: ""};
            $scope.stylesheets = stylesheets;
            $scope.stylesheets.splice(0, 0, emptyRadio);
        });

        $scope.isSelected = function (stylesheet) {
            stylesheet.isSelected = $scope.model.value.name == stylesheet.name;
            return stylesheet.isSelected;
        };

        $scope.selectStylesheet = function (stylesheet) {
            $scope.model.value = stylesheet;
        };
    });

View:

<div ng-controller="Webwonders.StylesheetPicker" >
    <div ng-repeat="css in stylesheets">
        <label>
            <input type="radio" name="stylesheets"
                    ng-checked="isSelected(css)"
                    ng-model="model.value"
                    ng-change="selectStylesheet(css)" />
            {{css.name}}
        </label>
    </div>
    <p>{{model.value}}</p>
</div>

So model.value always has the correct value but all the radios are empty onload.

Any clues?