Angular Richtlinie innerhalb Vorlage, erhalten HOWTO Parameter (summerNote Editor)

Question

ich den summernote Editor als angularized Version verwenden, da eine Richtlinie, von hier: https://github.com/summernote/angular-summernote

Wenn dies zu tun:

<summernote config='options'></summernote> 
.... 
controllerfn = function() { 
    var vm = this; 
    vm.options = { 
     height: 300 
    } 
} 

alle Werke sehr gut.

Wenn in einer Richtlinie mit diesem Ansatz, nicht wahr:

angular 
    .module('common') 
     .directive('textArea', textAreaFn); 

textAreaFn.$inject = [ '$compile' ]; 

function textAreaFn($compile) { 
    return { 
     require: "?ngModel", 
     scope: { 
     }, 
     template: "<summernote config='options'></summernote>", 
     link: function(scope, element, attrs, ngModel) { 
      scope.options = { 
       height: 300 
      }; 
      $compile(element.contents())(scope) 


     } 
    }; 
} 

Weiß jemand, warum dies nicht funktioniert? Und wie löst man es? Danke vielmals!

Answer 1

Es ist leicht in der eckigen Dokumentation begraben, aber es gibt ein Konzept von Pre-und Post-Linking-Funktionen. https://docs.angularjs.org/api/ng/service/$compile#pre-linking-function

Der Code in der Vorverbindungsfunktion wird ausgeführt, bevor untergeordnete Elemente verknüpft werden.

angular 
    .module('common') 
     .directive('textArea', textAreaFn); 

textAreaFn.$inject = [ '$compile' ]; 

function textAreaFn($compile) { 
    return { 
     require: "?ngModel", 
     scope: { 
     }, 
     template: "<summernote config='options'></summernote>", 
     link: { 
      pre: function(scope, element, attrs, ngModel) { 
      scope.options = { 
       height: 300 
      }; 
      }, 
      post: function(scope, element, attrs, ngModel) { 
      // code you want to run after all child elements have been linked 
      } 
     } 
    }; 
}