eckige Direktive - transclude mit templateUrl

Question

kann transclude und templateUrl zusammenarbeiten in einer Direktive?

Ich versuche, eine dynamische modale Direktive zu machen, die HTML unterstützt.

modal.js

'use strict'; 

myApp.directive('siteModal', function($http) { 
    return { 
     restrict: 'A', 
     transclude: true, 
     templateUrl: "./components/modal/modal.html", 
    }; 
}); 

modal.html

<div class="site-modal"> 

    <div class="site-modal-content"> 

     <div class="site-modal-body"> 
      {{modalContent}} 
     </div> 

    </div> 
    <div class="site-modal-overlay"></div> 
</div> 

Verbrauch:

<div site-modal ng-transclude> 
    Hello World <strong>and maybe some HTML too!</strong> 
</div> 

Answer 1

Es soll zusammen arbeiten. Sie haben gerade das ng-transclude-Attribut verlegt.

<div class="site-modal"> 

    <div class="site-modal-content"> 

     <div class="site-modal-body"> 
      <p ng-transclude> </p> 
     </div> 

    </div> 
    <div class="site-modal-overlay"></div> 
</div>