Angular Domsanitizer不接受url并引发错误

问题描述

我正在尝试清理一个URL，以将其用作对象标记的数据属性以显示svg。

my.page.html

<object [id]="'chr'+index" [data]="SVGToView[0] | safe" type="image/svg+xml"></object>

my.page.ts

SVGToView:Array<any> = ['../../assets/graphic.svg'];

safe.pipe.ts

import { Pipe,PipeTransform } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
@Pipe({
  name: 'safe'
})
export class SafePipe implements PipeTransform {
  constructor(private sanitizer: DomSanitizer) {}
  transform(url: string) {
    console.log(this.sanitizer.bypassSecurityTrustResourceUrl(url));
    return this.sanitizer.bypassSecurityTrustResourceUrl(url);
  }
}

抛出错误：

SafeResourceUrlImpl {changingThisBreaksApplicationSecurity: "../../assets/graphic.svg"}

管道工作正常，svg正常（正确的位置并经过硬编码，它显示确定） 您知道为什么Domsanitizer不接受此资源URL吗？ 谢谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）