原因是Ionic2和TypeScript中对外部url资源链接做了安全限制,如何解除安全限制呢?
1.在需要使用外部url链接的ts文件中,引入DomSanitizer类
import { DomSanitizer } from '@angular/platform-browser';
constructor(private sanitizer: DomSanitizer) {}
2.将url地址解除限制
public ImgUrl:any //图片等地址
url //代指正常路径代指
this.ImgUrl =this.sanitizer.bypassSecurityTrustResourceUrl(url);
this.ImgUrl=this.ImgUrl.changingThisBreaksApplicationSecurity.substr(1);
3.在html页面中使用
<img [src]="ImgUrl" alt="">