ng-transclude在iframe中

时间:2015-08-07 14:35:23

标签: javascript html angularjs iframe

我正在尝试使用AngularJS制作打印指令,但我遇到了困难。我正在尝试编写HTML并在父div上,我尝试调用指令来转换iframe中的内容,因此我可以在整个iframe上调用print。

HTML看起来像这样:

PK

并且尝试将此内容转换为iframe的指令如下所示:

<div class="print-frame">
  <h1>Print Title</h1>
  <p>Print Text comes here...</p>
</div>

但是当我尝试使用iframe时,没有任何反应,它在iframe的myApp.directive('printFrame', function() { return { restrict: 'C', replace: true, transclude: true, template: '<iframe><!doctype html><html><body ng-transclude></body></html></iframe>', link: function(scope, elem) { elem.bind('click', function() { alert('clicked!'); }); } } }); 标记内没有显示任何内容。这是一个jsfiddle,我使用div和iframe,div工作,但不是iframe。 http://jsfiddle.net/zjFp4/545/

0 个答案:

没有答案