离子"<ion-img>"不适用于 domSanitizer，"SafeValue must use [property]=binding"失败

Question

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

我有以下网址(来自本地文件系统(

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

看起来你不需要清理网址，而是尝试注入网络视图并使用它来转换FileSrc

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

...
constructor(private webview: WebView) {}
...
const localSrc = this.webView.convertFileSrc(url);
this.safeUrl = localSrc;