2017-08-11 2 views
0

Je souhaite créer un éditeur de propriétés personnalisé, qui utilise le sélecteur de média. En ce moment, mon contrôleur ressemble à ceci:Utilisation de l'éditeur de propriétés MediaPicker dans une propriété personnalisée (Umbraco)

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

Et moi ressemble à ceci:

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

</umb-editor> 

Si je comprends bien, je dois créer un objet de configuration pour éditeurs intégrés, puis utilisez la modèle pour montrer l'éditeur. Cependant, quand j'apporte mon éditeur de propriété dans mon backoffice, rien n'est montré. Qu'est-ce que je fais mal ici?

Ceci est mon paquet fichier manifeste:

{ 
    //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' 
    ] 
} 
+0

votre code me semble bien, voyez-vous une erreur dans la console développeur F12? –

+0

Je reçois cette erreur plusieurs fois dans ma console développeur. "Uncaught SyntaxError: Invalid shorthand property initializer" – Leth

+0

Il se peut que vous ayez un script else où cette partie ne fonctionne pas correctement, pouvez-vous localiser l'origine de l'erreur? –

Répondre

0

dialogService.mediaPicker plutôt que de scope.mediapicker $? Peut être ce qui cause votre erreur, simplement en comparant mon script au vôtre.