我正在尝试使用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/