Question

我想在我的Angular 2应用中加入一个iFrame，但我一直收到以下错误，

资源URL上下文中使用的不安全值

我正在尝试生成一个动态网址，作为参数发送到iFrame。

<iframe [src]="url" width="560" height="600" frameborder="0"></iframe>

    ngOnInit(): void {

    this.myData = this.store.select<myState>('myData').subscribe(state => {
      this.myData = state.myData;
      this.loading = state.loading;

      if (this.myData) {
        this.url = `www.google.com`;
      }

      console.log(this.url);
    });
  }

我试图实现这两种解决方案，但仍然遇到同样的错误

How to set iframe src in Angular 2 without causing `unsafe value` exception?

和

https://plnkr.co/edit/Uifk3dxf7vwKJsUFb0d9?p=preview。我从另一个堆栈溢出的答案得到了。

Answer 1

显然我做错了实现，所以另一个线程的答案失败了，但有人指出我的错误，现在实现工作。这是给我工作的链接

How to set iframe src in Angular 2 without causing `unsafe value` exception?

Angular 2 iFrame即使在清理后也会出错

1 个答案: