因為我使用 ngx-quill（Angular Rich Text Editor）將資料存盤在 HTML 格式的文本中，所以我在 localStorage 中存盤了一個帶有 HTML 標簽的字串。
這是我的 localStorage 的樣子：
從上圖可以看出，在描述中，有 p 個標簽。
有什么方法可以在沒有標簽的情況下在 Angular 頁面上顯示它？
uj5u.com熱心網友回復：
您需要使用 innerHTML 并確保您信任 HTML，如果它包含腳本標記，否則 Angular 會拋出錯誤。
執行以下操作，創建一個 safeHTML 管道：
import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
@Pipe({ name: 'sanitizeHtml' })
export class SanitizeHtmlPipe implements PipeTransform {
constructor(private sanitizer: DomSanitizer) { }
transform(html: string): any {
return this.sanitizer.bypassSecurityTrustHtml(html);
}
}
然后像這樣使用innerHTML：
<span [innerHTML]="description" | sanitizeHtml"></span>
uj5u.com熱心網友回復：
為此使用：[innerHTML]，例如：
<div [innerHTML]="data.description"></div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/360629.html