angular指示文 - templateUrlでtransclude

Question

transcludeとtemplateUrlはディレクティブで一緒に動作しますか？

私はhtmlをサポートする動的モーダルディレクティブを作成しようとしています。

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> 

使用法：

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

Answer 1

それが一緒に動作するようになっています。 ng-transclude属性を間違って配置しました。

<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>