在typescript / angular4中动态更改iframe的高度

Question

我正在开发涉及将内容加载到iframe中的跨域应用程序。问题是我们不知道我们收到的内容的大小，我希望能够动态地改变iframe的高度以适应相应的。但是，我发现的所有解决方案都以JavaScript为中心，但我使用的是TypeScript / Angular4。

我尝试通过iframe上的(load)访问DOM元素，但它不会返回iframe内容，而是返回初始iframe大小（在加载内容之前）。

感谢任何帮助，谢谢。

Answer 1

您可以使用以下指令来实现此目的。

var options = {
host: "your url",
path: '/yourPath?id=someId',
method: 'POST'
};

http.request(options, function(res) {

res.on('data', function (chunk) {
 //do something
 });

}).end();

Answer 2

我有一个类似的应用程序。我只是将iframe height属性设置为100％并滚动到auto。然后在你的外部应用程序中只需将html和body设置为100％高度，并将body overflow-y设置为隐藏。