Hi Alex,

I'm doing it like this:

First I created a new Api Controller responsible for getting me the property editor data:

[PluginController(Constants.Routing.PluginName)]
public class DataTypeController : UmbracoAuthorizedApiController
{
    /// <summary>
    /// The get by name.
    /// </summary>
    /// <param name="name">
    /// The name.
    /// </param>
    /// <returns>
    /// The <see cref="DataTypeDisplay"/>.
    /// </returns>       
    public object GetByName(string name)
    {
        return GetDataType(name);
        //var all = DataTypeCacheProvider.Current.GetOrExecute(() => this.Services.DataTypeService.GetAllDataTypeDefinitions().ToList());
        //var dataType = all.FirstOrDefault(x => x.Name == name);
        //return this.FormatDataType(dataType);
    }
    [HttpGet]
    public void Clear()
    {
        DataTypeCacheProvider.Current.Clear();
    }
    internal object GetDataType(string name)
    {
        var dts = Services.DataTypeService.GetAllDataTypeDefinitions().ToList();
        var found = dts.FirstOrDefault(x => x.Name == name);
        if(found == null)
        {
            throw new System.Exception("Datatype " + name + "not found");
        }
        var formatted = FormatDataType(found);
        if(formatted == null)
        {
            throw new System.Exception("Datatype " + name + "not found");
        }
        return formatted;
    }
    /// <summary>
    /// The format data type.
    /// </summary>
    /// <param name="dtd">
    /// The dtd.
    /// </param>
    /// <returns>
    /// The <see cref="object"/>.
    /// </returns>
    /// <exception cref="HttpResponseException">
    /// </exception>
    protected object FormatDataType(IDataTypeDefinition dtd)
    {
        if (dtd == null)
        {
            throw new HttpResponseException(HttpStatusCode.NotFound);
        }
        var dataTypeDisplay = Mapper.Map<IDataTypeDefinition, DataTypeDisplay>(dtd);
        var propEditor = PropertyEditorResolver.Current.GetByAlias(dtd.PropertyEditorAlias);
        var configDictionairy = new Dictionary<string, object>();
        foreach (var pv in dataTypeDisplay.PreValues)
        {
            configDictionairy.Add(pv.Key, pv.Value);
        }
        return new
        {
            guid = dtd.Key,
            propertyEditorAlias = dtd.PropertyEditorAlias,
            config = configDictionairy,
            view = propEditor.ValueEditor.View
        };
    }
}

As you can see it fetches the data based on a name. Think you can change that for using an id instead.

Then I created a resource witch fetches the configuration from the api controller:

angular.module('umbraco.resources').factory('dataTypeResource', function ($http) {
return {
    getByName: function (name) {
        return $http.get(dataTypeControllerBaseUrl  + 'GetByName?name=' + name);
    },
    clear: function (name) {
        return $http.get(dataTypeControllerBaseUrl + 'Clear');
    }
}

});

The view renders the editor like this:

<div class="" style="" id="{{editor.label}}" ng-repeat="editor in gridEditors">
        <umb-property property="editor">
            <umb-editor model="editor"></umb-editor>
        </umb-property>
    </div>

The controller builds up the stuff for the view like:

dataTypeResource.getByName("GridEditorName").then(function (response) {
                UpdateGridEditors(response.data);                  
            });

function UpdateGridEditors(gridConfig) {
                $scope.gridConfig = gridConfig;
$scope.gridEditors = [];
var editor = {
                            view: $scope.gridConfig.view,
                            config: $scope.gridConfig.config,
                            label: language.IsoCode,
                            hideLabel: true,
                            value: null
                        };
$scope.gridEditors.push(editor);

The UpdateGridEditors function is not comlpete as I'm doing some fetching of saved content and so on there. But thats not relevant for getting the idea.

Hope that helps.

Regards David