Hi all,

I have created a custom datatype that is essentially a drop-down document type selector. The problem I have is when I select a value and save it, the page does a mini-refresh and the select field is cleared. How do I get angular to reflect the selection I made upon this refresh?

My code can be found below:

Package.Manifest

{
    propertyEditors: [
        {
            alias: "documenttypeselector",
            name: "Document Type Selector",
            hideLabel: false,
            valueType: "STRING",
            editor: {
                view: "~/App_Plugins/DocumentTypeSelector/PropertyEditors/DocumentTypeSelectorEditor.html?v1.0"
            }
        }
    ],

    javascript: [
        "~/App_Plugins/DocumentTypeSelector/PropertyEditors/DocumentTypeSelector.controller.js?v1.0"
    ]
}

DocumentTypeSelectorEditor.html

<div ng-controller="DocumentTypeSelector.PropertyEditors.DocumentTypeSelectorController" class="umb-editor">
    <select ng-model="model.value">
        <option ng-repeat="type in documentTypes" value="{{type.Alias}}">{{type.Name}}</option>
    </select>
</div>

DocumentTypeSelector.controller.js

angular.module("umbraco")
.controller("DocumentTypeSelector.PropertyEditors.DocumentTypeSelectorController",
    function ($http, $rootScope, $routeParams, $scope, dialogService, entityResource, editorState, $log, assetsService, iconHelper) {
        $scope.documentTypes = [];

        $scope.retreiveDocumentTypes = function () {
            $http.get("/umbraco/backoffice/api/DocumentTypesApi/GetDocumentTypes")
            .success(function (data, status, headers, config) {
                $scope.documentTypes = data;
            });
        }

        $scope.retreiveDocumentTypes();
    }
);