在自定义属性中使用MediaPicker属性编辑器(Umbraco)

时间:2017-08-11 07:26:03

标签: angularjs properties editor umbraco media

我想创建一个自定义属性编辑器,它使用媒体选择器。现在我的控制器看起来像这样:

angular.module("umbraco").controller("My.MediaCropperController",
    function($scope, dialogService) {
        $scope.mediaPicker = {
            view: 'mediapicker',
            value: null, // or your value
            config: { disableFolderSelect: true, onlyImages: true }
        };
    });

我的观点如下:

<umb-editor ng-controller="My.MediaCropperController" model="mediaPicker" ng-if="mediaPicker">

</umb-editor>

据我了解,我需要为内置编辑器创建配置对象,然后在模板中使用以显示编辑器。然而,当我将我的属性编辑器带到我的后台时,没有显示任何内容。我在这里做错了什么?

这是我的包清单文件:

{   
    //you can define multiple editors   
    propertyEditors: [      
        {
            /*this must be a unique alias*/ 
            alias: "My.MediaCropper",
            /*the name*/
            name: "My Media Cropper",
            /*the html file we will load for the editor*/
            editor: {
                view: "~/App_Plugins/MediaCropper/mediacropper.html"
            }
        }
    ]
    ,
    //array of files we want to inject into the application on app_start
    javascript: [
        '~/App_Plugins/MediaCropper/mediacropper.controller.js'
    ]
}

1 个答案:

答案 0 :(得分:0)

dialogService.mediaPicker而不是$ scope.mediapicker? 可能是导致您的错误的原因,只是将我的脚本与您的脚本进行比较。