Hey guys,

I've created a custom property using AngularJS as described here: http://umbraco.github.io/Belle/#/tutorials/CreatingAPropertyEditor. Currently it's a simple dropdown which will load values from database, but currently I just use static data.

I use the last version - v7.3.7.

I do see the values in the dropdown, but I can't make it work - the value is not saved after I press save.

Here is my manifest

{   
    //you can define multiple editors   
    propertyEditors: [      
        {
            alias: "My.MemberCompanyPicker", // this must be a unique alias 
            name: "Member Company Picker", // name, this will show in the backoffice 
            valueType: "STRING", // "INT", "DATETIME", "STRING" "TEXT" and "JSON"
            editor: { 
                view: "~/App_Plugins/MemberCompanyPicker/index.html" // the html file we will load for the editor
            }
        }
    ]
    ,
    //array of files we want to inject into the application on app_start
    javascript: [
        '~/App_Plugins/MemberCompanyPicker/membercompanypicker.controller.js'
    ]
}

My html file:

<div ng-controller="MyMemberCompanyPicker">
    <select ng-model="selected">
        <option ng-repeat="c in companies track by c.id" value="{{c.id}}">{{c.name}}</option>
    </select>
</div>

And the controller:

(function () {
    'use strict';

angular.module("umbraco")
    .controller("MyMemberCompanyPicker",
    function ($scope) {
        //var vm = this;
        $scope.selected = 'Company1';
        $scope.companies = [
                        { id: '1', name: 'Company1' },
                        { id: '2', name: 'Company2' }
        ];
    });

})();

I don't really understand how it's supposed to work and how Umbraco will understand which value to save. Another question is how is the saved value is going to be loaded during the next edit? Can't find the answers anywhere.

Can someone advice please?