angular - ionic `` 不适用于 domSanitizer， "SafeValue must use [property]=binding"失败

Question

参见示例:https://stackblitz.com/edit/ionic-v4-angular-tabs-6um4j8

我有以下 url(来自本地文件系统)

url = 'capacitor://localhost/_capacitor_file_/Users/user/Library/.../Library/Caches/img/C409D956-DE09-406D-A7EF-3207DF705B64-L0-001~100x100.JPG';
safeUrl = domSanitizer.bypassSecurityTrustUrl(url);

我在模板文件中有这个:

<ion-virtual-scroll>
    <img [src]="safeUrl">
    <ion-img [src]="safeUrl"></ion-img>
</ion-virtual-scroll>

safeUrl使用 HTML IMG 标签正确显示，但在 <ion-img> 中显示相同的 url给出以下错误:

"capacitor://localhost/SafeValue must use [property]=binding: capacitor://localhost/_capacitor_file_/Users/user/Library/.../Library/Caches/img/C409D956-DE09-406D-A7EF-3207DF705B64-L0-001~100x100.JPG (see http://g.co/ng/security#xss)

Answer 1

看起来你不需要清理 url，而是尝试注入(inject) webview 并使用它来转换 FileSrc

import { WebView } from '@ionic-native/ionic-webview/ngx';


...

constructor(private webview: WebView) {}

...

const localSrc = this.webView.convertFileSrc(url);
this.safeUrl = localSrc;