Angular2 routing 基于Angular 2中的变量URL加载iFrame

在Angular 2中，我试图找出如何执行以下操作

在地址栏中输入url并基于该url加载iframe

比如说,

localhost:3000/应加载test.com的全屏iFrame

---

有谁能提供这方面的参考资料吗

在角包装中没有任何箱内解决方案。 但我认为你可以通过下一步来实现：

• 创建FrameComponent组件，该组件将按您需要的方式显示iFrame
• 配置路由以匹配FrameComponent
• 按url导航并从activatedRoute提取路径
• 将url添加到iframeSource
• 利润

但是你会遇到一些问题-跨源导航，不安全的url，等等。 其中一个可以通过

@angular/platform browser

中的

domsanizizer

和

SafeResourceUrl

修复

A做了一些证明来说明我的意思：

---

角包装中没有任何盒装解决方案。 但我认为你可以通过下一步来实现：

• 创建FrameComponent组件，该组件将按您需要的方式显示iFrame
• 配置路由以匹配FrameComponent
• 按url导航并从activatedRoute提取路径
• 将url添加到iframeSource
• 利润

但是你会遇到一些问题-跨源导航，不安全的url，等等。 其中一个可以通过

@angular/platform browser

中的

domsanizizer

和

SafeResourceUrl

修复

A做了一些证明来说明我的意思：

---

非常感谢您的帮助。由于web安全的基本原理，您知道为什么它不能与http一起工作，而只能与https/一起工作吗。如果您有HTTPS站点，则只能嵌入HTTPS源中的iFrame。有两种技术可以解决这个限制。但这个问题超出了范围。欢迎使用谷歌

https到http代理

，

https混合内容

，等等。非常感谢您的帮助。由于web安全的基本原理，您知道为什么它不能与http一起工作，而只能与https/一起工作吗。如果您有HTTPS站点，则只能嵌入HTTPS源中的iFrame。有两种技术可以解决这个限制。但这个问题超出了范围。欢迎使用谷歌

https到http代理

，

https混合内容

，等等。