Angular 2如何使用脚本消毒剂

Question

我想根据通过 http 调用服务获得的条件动态加载外部 JS 文件。

我想将<script> 插入app.component.html 为：

<script src="mysource/url"></script>

在我的组件中，我使用了 bypassSecurityTrustScript 和 bypassSecurityTrustHtml 都不适合我，我的脚本标签被删除了：

  <div class='container-fluid'>
  <div class='row'>
    <div class='col-sm-12 body-content'>
      <div [innerHTML]="script"></div>
      <script type="text/javascript" [src] = "src"></script>
      <router-outlet></router-outlet>
    </div>
  </div>
</div>


   @Component({
  selector: 'app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  public script: any;
  public src: any;
  public constructor(private titleService: Title, private sanitizer: DomSanitizer) {
    let x = '<script>alert("hi")</script>';
    this.script = sanitizer.bypassSecurityTrustHtml(x);
    this.src = sanitizer.bypassSecurityTrustScript('http://www.google.com');
  }

知道如何在这种情况下使用DomSanitizer 类吗？

Answer 1

this.src = sanitizer.bypassSecurityTrustResourceUrl('http://www.example.com');

http://www.example.com 是从中获取脚本的 URL。