爲角度添加iframe的動態高度

有什麼方法可以跟蹤內部和iframe中的更改嗎？我想跟蹤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中的變化？

編輯：我上面的例子工作在文檔準備就緒，即我能夠獲得文檔準備好的高度。我的問題是，如果稍後在iframe內單擊一個div後插入一個新的div。我希望iframe具有動態高度，而不需要滾動條。

來源

2016-09-28 Harpreet Singh Saini

你究竟是什麼意思？如果iframe中有動態高度的div，那麼也改變iframe的高度？ –

如果文檔準備好後，我的iframe中添加了新的div，那麼如何更改高度？我的iframe由評論部分組成，客戶可以發表評論。我不想要滾動條，但我想要動態調整iframe的高度 –

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高度。您可以根據需要進行修改。希望這會對你有所幫助。:)

來源

2016-09-28 06:41:09

如果在文檔準備好後添加了新的div，那麼如何更改高度怎麼辦？我的iframe由評論部分組成，客戶可以發表評論。我不想要滾動條，但我想要動態調整iframe的高度。 –

爲角度添加iframe的動態高度

回答

相關問題