角度2+ iframe src反向代理

Question

我的角度应用程序中有一个iframe，我试图根据我的应用程序所运行的环境来更改其src属性。 所以我想使用反向代理（带有proxy.conf.json）来做到这一点，我不完全是这样吗？

请注意，iframe的src会更改在应用中执行操作的所有时间。

那么，如果有人有答案或示例？

预先感谢

Answer 1

我需要同样的东西，唯一发现更改iframe src的方法是通过nativeElement。

因此，在您的.html文件中，您的iframe需要通过＃：

<iframe #myIframe ></iframe>

在您的组件中，您可以像下面这样使用@ViewChild引用iframe：

@ViewChild('myIframe') myIframe: ElementRef;

如果您用完了Angular 8：

@ViewChild('myIframe', {static: false}) myIframe: ElementRef;

因此，要更改src，您需要在nativeElement上进行更改：

this.myIframe.nativeElement.src = 'https://en.wikipedia.org/wiki/Node.js';

对我来说很好，希望对您有所帮助！