Angular4中的iframe不起作用

Question

我正在尝试在Angular 4应用中设置页面的iframe。我想将“iframed”页面的互动带入我的角度应用程序。 iframe最初显示应该显示。但点击“登录”后，iframe就会消失。

以下是代码:(链接在组件的打字稿文件中定义）

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

Answer 1

1. 为了使用iframe在ts文件中使用DomSanitizer 构造函数（私有消毒剂：DomSanitizer）;

2. 获取这样的网址： this.url = _sanitizer.bypassSecurityTrustResourceUrl（res.data.url）;

3. 在iframe中使用url作为标记src属性