[JavaScript知识库]angular中绑定如如何iframe中src

参考博主：https://segmentfault.com/a/1190000018079523
我是怕以后找不到才放这的。点赞请到原博主处

需求：上面是tabs（动态），点击切换iframe的src，需要动态加载src

实现：
1、引入angular插件

import { DomSanitizer } from '@angular/platform-browser';
……
constructor(  private sanitizer:DomSanitizer) {}

2、使用插件转换地址

this.sanitizer.bypassSecurityTrustResourceUrl(url)

3、使用
判断url有没有地址，我用了zorro组件库。tabValue存储了点击后的选中项
另：height: 100%高应该这样写的，我设置了不起作用，就暂时换掉了

    <ng-container *ngIf="tabValue.url === '' " >
      <nz-card >
        <nz-result nzStatus="500" nzTitle="等待网页添加" nzSubTitle="请前往设置"></nz-result>
    </nz-card>
    </ng-container>
    <ng-container *ngIf="tabValue.url !== '' " >
      <iframe width="100%"  style="min-height: 700px;" [src]="tabValue.url"   frameborder="0"></iframe>
    </ng-container>