I am trying to convert a create an Umbraco 8 application based on a Umbraco 7 implementation. In this application we added a grid-layout in which we added custom row settings. In the Umbraco7 application, we used the dialogService in angular to call .mediaPicker, which opened a dialog in which we could add an image. However the dialogService in Umbraco8 does not exist. With some Github-searching I found out that the mediaPicker is now in the editorService. But when I use that one, the dialog opens as expected and my Media-folder is visible but when I click an image and try to save it, the buttons are not responding.

here is a gif of what happens:

my html:

<div class="oj-mediapicker">
<umb-control-group label="Allow image to be zoomable">
    <umb-toggle checked="value.zoomable"
                on-click="value.zoomable = !value.zoomable" />
</umb-control-group>

<div class="umb-editor-placeholder ng-scope" ng-click="addImage()" ng-show="hasImage()">
    <img src="{{value.image}}" alt="{{value.alt}}" />
</div>

<div class="umb-editor-placeholder ng-scope" ng-click="addImage()" ng-show="!hasImage()">
    <i class="icon icon-picture"></i>
    <div class="help-text">Click to insert image</div>
</div>

my directive.js addImage function:

$scope.addImage = function (item) {
            console.log(item);
            editorService.mediaPicker({
                onlyImages: true,
                multiPicker: false,
                callback: function (item) {
                    $scope.value = {
                        id: item.id,
                        icon: item.icon,
                        name: item.name,
                        image: item.image,
                        alt: getValueOf(item.properties, "Alt"),
                        zoomable: $scope.value.zoomable
                    };
                }
            });
        };

I could not find any documentation on this (as most of it is still using dialogService).