iframeの動的な高さを角度で追加する

Question

内部とiframeの変更を追跡する方法はありますか？私は、iframe内の変更を追跡し、それに応じて新しい高さを設定したいと思います。

私は角の世界に新しく、私を導くために何かが必要です。私は、次のコード

HTMLを持って

<div ng-controller="myCtrl" class="iframe_wrap"> 
    <iframe id="displayframe" src="file:///C:/Users/Dell/Desktop/test2.html" frameborder="0" scrolling="no" style="border:2px solid black;width: 100%; overflow: hidden; height: {{count}}px;"></iframe> 
</div> 

JAVASCRIPT

angular.module('myApp', []).controller('myCtrl', ['$scope', function($scope) { 
    $scope.count = document.getElementById('displayframe').contentWindow.document.body.offsetHeight; 
}]); 

利用できるのiframe内の変更を追跡するすべてのリスナーがありますか？

編集：私の上記の例はドキュメントの準備が整っています。つまり、ドキュメントの準備ができたら高さを取得できます。私の質問は、if divの後に新しいdivがiframe内のクリックの後に挿入された場合です。スクロールバーを使用せずにiframeに動的な高さを設定します。

Answer 1

angular.module('myApp', []).controller('myCtrl', ['$scope',function($scope) { 
    $(document).ready(function() { 
    $("#displayframe").on('load', function() { 
    var divElement = $(this).contents().find("div"); 
    var height  = divElement.height(); 
    $scope.count = height; 
    }); 
}); 
}]); 

divが内部にある場合は、これを使用してiFrameの高さを変更できます。必要に応じて変更することができます。これがあなたを助けてくれることを願っています:)