Angularjsはiframeの高さを動的にリサイズします

Question

私の場合、iframeを使用しています。その高さはコンテンツに基づいて自動的に計算される必要があります。

私のコードは、私は私のコントローラまたはディレクティブを通じてiframeのコンテンツの高さを設定するにはどうすればよいこの

<iframe id='iframe' width='100%' height='600px' src='http://test.com' /> 

のように見えますか？

誰でも手伝ってもらえますか？ ありがとう

Answer 1

あなたの場合は、iframeSetDimentionsOnloadのようなディレクティブを定義し、そこに高さを設定することが望ましいと思います。私は数分であなたに例を挙げます。

あなたiframeSetDimensionsOnloadディレクティブは：

<iframe iframe-set-dimensions-onload src='http://test.com' /> 

：

yourApp.directive('iframeSetDimensionsOnload', [function(){ 

return { 

    restrict: 'A', 

    link: function(scope, element, attrs){ 
    element.on('load', function(){ 

     /* Set the dimensions here, 
      I think that you were trying to do something like this: */ 

      var iFrameHeight = 

      element[0].contentWindow.document.body.scrollHeight + 'px'; 
      var iFrameWidth = '100%'; 
      element.css('width', iFrameWidth); 
      element.css('height', iFrameHeight); 
     }) 
    } 
} 
}]) 

はこのようにそれを使用します