Hi,

Im trying to create a property editor where I have multiple strings (in different languages) in my value. The aim is to be able to edit these with the RTE which I have successfully been able to put in my prop editor. But I can't seem to manipulate the value of the editor from code. Either bind the editor value to a $scope.xxxx or by re-setting the $scope.myEditor.value from code after the umb-editor has been placed on my page. 

Im really new to Angular so perhaps I'm doing this wrong. 

Any pointers would be appreciated.

//Magnus

<div ng-controller="localizedEditor">

    <!--print out for debug purposes-->
    <div>{{selectedLang.lang}}</div>
    <div>{{myProperty.value}}</div>

    <!--lang selector-->
    <select ng-model="selectedLang" ng-options="l as l.lang for l in model.value" ng-change="loadLang()"/>

    <!--editor-->
    <ng-form>
        <umb-editor model="myEditor"></umb-editor>
        <pre>
            Value from the RTE {{myEditor.value}}
        </pre>
    </ng-form>
</div>

And my controller script. (the two ways I tried to make this work have comments in bold)

(function () {
    'use strict';

    angular.module('umbraco').controller('localizedEditor', ['$scope', localizedEditor]);

    function localizedEditor($scope) {

        // create some sample value items
        if (!$scope.model.value) {
            $scope.model.value = [{
                lang: "en",
                text: "This is an english text"
            }, {
                lang: "sv",
                text: "En svensk text"
            }, {
                lang: "no",
                text: "Dette er en norsk tekst"
            }];
        }

        // pre-select english
        $scope.selectedLang = $scope.model.value[0];

        // set up the RTE
        $scope.myEditor = {
            view: 'rte',
            config: {
                editor: {
                    toolbar: ["code", "undo", "redo", "cut", "styleselect",
                            "bold", "italic", "alignleft", "aligncenter",
                            "alignright", "bullist", "numlist", "link",
                            "umbmediapicker", "table", "umbembeddialog"],
                    stylesheets: [],
                    dimensions: { height: 400, width: 400 }
                }
            },

            // THIS DOESN'T SEEM TO WORK
            value: $scope.selectedLang.text
        };

        // on selector change, load the new language
        $scope.loadLang = function () {
            angular.forEach($scope.model.value, function (item, i) {
                if (item.lang === $scope.selectedLang.lang) {
                    console.log("setting " + item.lang);
                    $scope.selectedLang = item;

                    // THIS ALSO DOESN'T SEEM TO WORK (WELL)
                    $scope.myEditor.value = item.text;
                }
            });
        };
    }
})();