angular视图层刷新以及iframe外部链接报错问题

1. ts文件中已经将数据改了，但是试图没显示变化 解决办法：

引用 

import {ChangeDetectorRef, Component, OnInit} from '@angular/core';

constructor(
            private sanitizer: DomSanitizer,
            public changeDetectorRef:ChangeDetectorRef
) {}

在数据改变的地方调用  this.changeDetectorRef.markForCheck(); this.changeDetectorRef.detectChanges();

例： a（）{

this.addressValue = " aaa";

this.changeDetectorRef.markForCheck();

this.changeDetectorRef.detectChanges();

}

 

注意：如果是父页面参数改变，子页面渲染失败，传参必须将改变的参数单独传入子页面，否则子页面还是无法渲染；

例：var data={name:"张三"，value:“1”}

如果改值是data={name:"张三"，value:“2“}，则参数改变，子页面任然无法渲染，必须单独传值

 

 

2.angular 中的iframe动态设置src时报安全异常：

引用 import {DomSanitizer,SafeResourceUrl} from "@angular/platform-browser";

urlLink:SafeResourceUrl; // 外部链接

constructor(
            private sanitizer: DomSanitizer
) {}

ngOnInit() {
    
this.urlLink=this.sanitizer.bypassSecurityTrustResourceUrl('https://www.baidu.com');

  }