Angular4中的iframe不起作用答案

【问题标题】：iframe in Angular4 not workingAngular4中的iframe不起作用
【发布时间】：2023-03-21 11:49:01
【问题描述】：

我正在尝试在我的 Angular 4 应用程序中设置页面的 iframe。我想将“iframed”页面的交互引入我的 Angular 应用程序。 iframe 最初会按应有的方式显示。但是点击“登录”后，iframe 就会消失。

代码如下：（链接在组件的打字稿文件中定义）

<iframe [src]='sanitizer.bypassSecurityTrustResourceUrl(this.link)' allowTransparency="true" frameborder"=10" width="80%"
      height="100vh"></iframe>

【问题讨论】：

欢迎来到 Stackoverflow。在提出问题时，如果您提供代码，您将获得更好的答案。添加您迄今为止尝试过的内容。也请查看How to create a Minimal, Complete, and Verifiable example

标签： angular iframe

【解决方案1】：

为了使用 iframe，请在 ts 文件中使用 DomSanitizer 构造函数（私人消毒剂：DomSanitizer）；
像这样获取网址： this.url = _sanitizer.bypassSecurityTrustResourceUrl(res.data.url);
在iframe中使用url作为标签src属性

【讨论】：

问题是没有显示 iframe。 iframe 有效。问题是当我尝试登录到 iframed 的页面时。登录页面的重定向页面未显示。